html, body {
  overflow: hidden;
}
.about-body{overflow:hidden;}
.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 25%, #16213e 50%, #1a1a2e 75%, #0a0a0f 100%);z-index:-10;}
.enhanced-stars-background,.background-glow-orbs,.background-particles,.card-particles,.button-particles,.title-glow,.section-title-glow,.image-overlay-glow,.secondary-image-overlay-glow,.particle-system{position:absolute;top:0;left:0;width:100%;height:100%;}
.particle-system{position:fixed;pointer-events:none;z-index:1;}
.star,.bg-particle,.particle,.card-particle,.float-element,.btn-particle,.glow-orb,.orb-core,.orb-ring,.pulse-ring,.image-glow-ring,.button-ripple{position:absolute;border-radius:50%;}
.image-glow-ring,.orb-core,.orb-ring,.pulse-ring{top:50%;left:50%;transform:translate(-50%, -50%);}
.about-hero,.expertise-section,.personal-section{position:relative;z-index:2;}
.about-hero{padding:70px 0 50px;}
.expertise-section,.personal-section{padding:50px 0;}
.about-hero-content,.personal-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;}
.about-hero-text,.personal-text{padding:1.2rem 0;}
.about-intro,.personal-text p,.expertise-content p{font-family:'Inter', sans-serif;line-height:1.7;color:#f0f0f0;font-weight:400;}
.about-intro,.personal-text p{font-size:1.15rem;margin-bottom:1.2rem;}
.expertise-content p{font-size:1rem;}
.about-title,.expertise-content h3,.personal-text .section-heading{color:#e4a853;position:relative;}
.about-title,.expertise-content h3{font-family:'Dancing Script', cursive;}
.star{width:4px;height:4px;background:#e4a853;animation:starTwinkle 3s ease-in-out infinite alternate;box-shadow:0 0 12px #e4a853;}
.star:nth-child(1){left:10%;top:20%;animation-delay:0s;} .star:nth-child(2){left:20%;top:80%;animation-delay:0.5s;} .star:nth-child(3){left:30%;top:40%;animation-delay:1s;} .star:nth-child(4){left:40%;top:90%;animation-delay:1.5s;} .star:nth-child(5){left:50%;top:10%;animation-delay:2s;} .star:nth-child(6){left:60%;top:70%;animation-delay:2.5s;} .star:nth-child(7){left:70%;top:30%;animation-delay:3s;} .star:nth-child(8){left:80%;top:60%;animation-delay:3.5s;} .star:nth-child(9){left:90%;top:20%;animation-delay:4s;} .star:nth-child(10){left:15%;top:50%;animation-delay:4.5s;} .star:nth-child(11){left:25%;top:15%;animation-delay:5s;} .star:nth-child(12){left:35%;top:75%;animation-delay:5.5s;} .star:nth-child(13){left:85%;top:45%;animation-delay:6s;} .star:nth-child(14){left:75%;top:85%;animation-delay:6.5s;} .star:nth-child(15){left:65%;top:5%;animation-delay:7s;}
.glow-orb{filter:blur(70px);opacity:0.45;animation:orbFloat 8s ease-in-out infinite;}
.orb-1{width:350px;height:350px;background:radial-gradient(circle, #e4a853, transparent);top:10%;left:5%;animation-delay:0s;} .orb-2{width:300px;height:300px;background:radial-gradient(circle, #f4c463, transparent);top:60%;right:10%;animation-delay:2s;} .orb-3{width:250px;height:250px;background:radial-gradient(circle, #e4a853, transparent);bottom:20%;left:10%;animation-delay:4s;} .orb-4{width:220px;height:220px;background:radial-gradient(circle, #f4c463, transparent);top:30%;right:5%;animation-delay:6s;} .orb-5{width:260px;height:260px;background:radial-gradient(circle, #e4a853, transparent);bottom:10%;right:30%;animation-delay:1s;} .orb-6{width:200px;height:200px;background:radial-gradient(circle, #f4c463, transparent);top:5%;left:60%;animation-delay:3s;}
.bg-particle{width:5px;height:5px;background:linear-gradient(45deg, #e4a853, #f4c463);opacity:0;animation:bgParticleFloat 6s ease-in-out infinite;box-shadow:0 0 18px rgba(228, 168, 83, 0.8);}
.bg-particle:nth-child(1){left:5%;top:10%;animation-delay:0s;} .bg-particle:nth-child(2){left:15%;top:85%;animation-delay:0.3s;} .bg-particle:nth-child(3){left:25%;top:45%;animation-delay:0.6s;} .bg-particle:nth-child(4){left:35%;top:20%;animation-delay:0.9s;} .bg-particle:nth-child(5){left:45%;top:90%;animation-delay:1.2s;} .bg-particle:nth-child(6){left:55%;top:15%;animation-delay:1.5s;} .bg-particle:nth-child(7){left:65%;top:75%;animation-delay:1.8s;} .bg-particle:nth-child(8){left:75%;top:35%;animation-delay:2.1s;} .bg-particle:nth-child(9){left:85%;top:65%;animation-delay:2.4s;} .bg-particle:nth-child(10){left:95%;top:25%;animation-delay:2.7s;} .bg-particle:nth-child(11){left:8%;top:55%;animation-delay:3s;} .bg-particle:nth-child(12){left:18%;top:30%;animation-delay:3.3s;} .bg-particle:nth-child(13){left:28%;top:80%;animation-delay:3.6s;} .bg-particle:nth-child(14){left:38%;top:5%;animation-delay:3.9s;} .bg-particle:nth-child(15){left:48%;top:70%;animation-delay:4.2s;} .bg-particle:nth-child(16){left:58%;top:40%;animation-delay:4.5s;} .bg-particle:nth-child(17){left:68%;top:95%;animation-delay:4.8s;} .bg-particle:nth-child(18){left:78%;top:12%;animation-delay:5.1s;} .bg-particle:nth-child(19){left:88%;top:88%;animation-delay:5.4s;} .bg-particle:nth-child(20){left:98%;top:50%;animation-delay:5.7s;} .bg-particle:nth-child(21){left:12%;top:68%;animation-delay:6s;} .bg-particle:nth-child(22){left:22%;top:22%;animation-delay:0.1s;} .bg-particle:nth-child(23){left:32%;top:92%;animation-delay:0.4s;} .bg-particle:nth-child(24){left:42%;top:48%;animation-delay:0.7s;} .bg-particle:nth-child(25){left:52%;top:18%;animation-delay:1s;} .bg-particle:nth-child(26){left:62%;top:82%;animation-delay:1.3s;} .bg-particle:nth-child(27){left:72%;top:58%;animation-delay:1.6s;} .bg-particle:nth-child(28){left:82%;top:38%;animation-delay:1.9s;} .bg-particle:nth-child(29){left:92%;top:78%;animation-delay:2.2s;} .bg-particle:nth-child(30){left:3%;top:33%;animation-delay:2.5s;}
.particle{width:8px;height:8px;background:radial-gradient(circle, #e4a853, transparent);opacity:0;animation:particleFloat 5s infinite ease-in-out;box-shadow:0 0 25px rgba(228, 168, 83, 0.6);}
.particle:nth-child(1){left:10%;top:20%;animation-delay:0s;} .particle:nth-child(2){left:20%;top:80%;animation-delay:0.4s;} .particle:nth-child(3){left:30%;top:40%;animation-delay:0.8s;} .particle:nth-child(4){left:40%;top:90%;animation-delay:1.2s;} .particle:nth-child(5){left:50%;top:10%;animation-delay:1.6s;} .particle:nth-child(6){left:60%;top:70%;animation-delay:2s;} .particle:nth-child(7){left:70%;top:30%;animation-delay:2.4s;} .particle:nth-child(8){left:80%;top:60%;animation-delay:2.8s;} .particle:nth-child(9){left:90%;top:20%;animation-delay:3.2s;} .particle:nth-child(10){left:15%;top:50%;animation-delay:3.6s;} .particle:nth-child(11){left:25%;top:15%;animation-delay:4s;} .particle:nth-child(12){left:35%;top:75%;animation-delay:4.4s;} .particle:nth-child(13){left:45%;top:35%;animation-delay:4.8s;} .particle:nth-child(14){left:55%;top:85%;animation-delay:5.2s;} .particle:nth-child(15){left:65%;top:5%;animation-delay:5.6s;} .particle:nth-child(16){left:75%;top:55%;animation-delay:6s;} .particle:nth-child(17){left:85%;top:45%;animation-delay:6.4s;} .particle:nth-child(18){left:95%;top:65%;animation-delay:6.8s;} .particle:nth-child(19){left:5%;top:25%;animation-delay:7.2s;} .particle:nth-child(20){left:12%;top:95%;animation-delay:7.6s;}
.about-page{position:relative;min-height:100vh;width:100%;z-index:2;}
.text-reveal{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.text-reveal.animate{opacity:1;transform:translateY(0);}
.text-reveal.delay-1{transition-delay:0.3s;}
.text-reveal.delay-2{transition-delay:0.6s;}
.about-title{font-size:3.8rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;}
.title-glow,.section-title-glow{background:linear-gradient(45deg, #e4a853, #f4c463);z-index:-1;}
.title-glow{opacity:0.3;filter:blur(25px);animation:titleGlow 4s ease-in-out infinite alternate;}
.about-tagline{font-family:'Inter', sans-serif;font-size:1rem;color:#e4a853;font-style:italic;font-weight:500;}
.large-image-container{width:480px;height:480px;margin:0 auto;}
.image-glow-ring{width:400px;height:400px;border:3px solid #e4a853;opacity:0.6;animation:rotateRing 25s linear infinite;}
.image-glow-ring.delay-1{width:420px;height:420px;border-color:#f4c463;opacity:0.4;animation-duration:30s;animation-direction:reverse;}
.image-glow-ring.delay-2{width:440px;height:440px;border-color:#e4a853;opacity:0.2;animation-duration:35s;}
.about-main-image,.about-secondary-image{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:2;transition:all 0.4s ease;}
.about-main-image{box-shadow:0 0 50px rgba(228, 168, 83, 0.5);}
.about-main-image:hover{transform:scale(1.05);box-shadow:0 0 70px rgba(228, 168, 83, 0.7);}
.image-overlay-glow{border-radius:50%;background:radial-gradient(circle, transparent 30%, rgba(228, 168, 83, 0.2) 70%);z-index:3;pointer-events:none;animation:pulseGlow 5s ease-in-out infinite;}
.expertise-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;max-width:1200px;margin:0 auto;padding:0 2rem;justify-items:center;align-items:start;}
.expertise-card{background:linear-gradient(145deg, rgba(26, 26, 46, 0.9), rgba(22, 33, 62, 0.7));border-radius:24px;padding:2.4rem;position:relative;overflow:hidden;backdrop-filter:blur(20px);border:2px solid rgba(228, 168, 83, 0.3);transition:all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:0;transform:translateY(60px);min-height:280px;width:100%;max-width:380px;}
.expertise-card.animate{opacity:1;transform:translateY(0);}
.expertise-card:hover{transform:translateY(-12px) scale(1.03);border-color:rgba(228, 168, 83, 0.5);box-shadow:0 25px 60px rgba(228, 168, 83, 0.35);}
.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(228, 168, 83, 0.15), transparent 60%);opacity:0;transition:opacity 0.6s ease;pointer-events:none;}
.expertise-card:hover .card-glow{opacity:1;}
.expertise-content h3{font-size:1.7rem;margin-bottom:1.2rem;font-weight:600;}
.expertise-content p{font-size:1rem;line-height:1.6;}
.expertise-visual{position:absolute;top:15px;right:15px;width:90px;height:90px;pointer-events:none;}
.floating-elements{position:relative;width:100%;height:100%;}
.float-element{width:16px;height:16px;background:linear-gradient(45deg, #e4a853, #f4c463);animation:floatAround 8s ease-in-out infinite;box-shadow:0 0 18px rgba(228, 168, 83, 0.6);}
.float-element:nth-child(1){top:10px;right:10px;} .float-element:nth-child(2){top:40px;right:50px;} .float-element:nth-child(3){top:60px;right:20px;}
.float-element.delay-1{animation-delay:2.5s;} .float-element.delay-2{animation-delay:5s;}
.gradient-orb{position:relative;width:80px;height:80px;margin:6px;}
.orb-core{width:50px;height:50px;background:radial-gradient(circle, #e4a853, #f4c463);animation:orbPulse 4s ease-in-out infinite;box-shadow:0 0 25px rgba(228, 168, 83, 0.6);}
.orb-ring{border:3px solid #e4a853;opacity:0.7;animation:expandRing 5s ease-in-out infinite;}
.orb-ring:nth-child(1){width:65px;height:65px;}
.orb-ring.delay-1{width:80px;height:80px;animation-delay:1.5s;opacity:0.5;}
.pulse-rings{position:relative;width:80px;height:80px;margin:6px;}
.pulse-ring{width:40px;height:40px;border:3px solid #e4a853;animation:pulseExpand 4s ease-in-out infinite;}
.pulse-ring.delay-1{animation-delay:1.3s;border-color:#f4c463;} .pulse-ring.delay-2{animation-delay:2.6s;border-color:#e4a853;}
.card-particles{pointer-events:none;}
.card-particle{width:4px;height:4px;background:#e4a853;opacity:0;animation:cardParticleFloat 6s ease-in-out infinite;box-shadow:0 0 10px rgba(228, 168, 83, 0.8);}
.card-particle:nth-child(1){left:20%;top:20%;animation-delay:0s;} .card-particle:nth-child(2){left:80%;top:30%;animation-delay:1.2s;} .card-particle:nth-child(3){left:60%;top:70%;animation-delay:2.4s;} .card-particle:nth-child(4){left:30%;top:80%;animation-delay:3.6s;} .card-particle:nth-child(5){left:90%;top:60%;animation-delay:4.8s;}
.personal-text .section-heading{font-family:'Inter', sans-serif;font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:2.2rem;padding:0.2em 0;}
.section-title-glow{opacity:0.3;filter:blur(18px);animation:sectionGlow 4s ease-in-out infinite alternate;}
.cta-container{margin-top:2.5rem;}
.cta-button{position:relative;background:linear-gradient(135deg, #e4a853, #f4c463);color:#0a0a0f;border:none;padding:18px 40px;font-family:'Inter', sans-serif;font-size:1.15rem;font-weight:600;border-radius:50px;cursor:pointer;overflow:hidden;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);box-shadow:0 12px 35px rgba(228, 168, 83, 0.4);transform:translateY(0);}
.cta-button:hover{transform:translateY(-7px) scale(1.06);box-shadow:0 25px 60px rgba(228, 168, 83, 0.6);}
.cta-button:active{transform:translateY(-3px) scale(1.03);}
.button-bg-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left 0.6s ease;}
.cta-button:hover .button-bg-effect{left:100%;}
.button-text{display:flex;align-items:center;gap:10px;position:relative;z-index:3;}
.button-icon{font-size:1.1em;transition:transform 0.3s ease;}
.button-label{transition:transform 0.3s ease;}
.button-arrow{font-size:1.2em;transition:all 0.3s ease;opacity:0;transform:translateX(-10px);}
.cta-button:hover .button-icon{transform:rotate(20deg) scale(1.15);}
.cta-button:hover .button-label{transform:translateX(-5px);}
.cta-button:hover .button-arrow{opacity:1;transform:translateX(0);}
.button-particles{pointer-events:none;opacity:0;transition:opacity 0.3s ease;}
.cta-button:hover .button-particles{opacity:1;}
.btn-particle{width:4px;height:4px;background:rgba(255, 255, 255, 0.8);animation:btnParticleFloat 2s ease-in-out infinite;}
.btn-particle:nth-child(1){left:20%;top:20%;animation-delay:0s;} .btn-particle:nth-child(2){left:80%;top:30%;animation-delay:0.3s;} .btn-particle:nth-child(3){left:60%;top:70%;animation-delay:0.6s;} .btn-particle:nth-child(4){left:30%;top:80%;animation-delay:0.9s;} .btn-particle:nth-child(5){left:70%;top:20%;animation-delay:1.2s;} .btn-particle:nth-child(6){left:40%;top:40%;animation-delay:1.5s;}
.button-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255, 255, 255, 0.2), transparent 70%);opacity:0;transition:opacity 0.4s ease;pointer-events:none;}
.cta-button:hover .button-glow{opacity:1;}
.button-ripple{background:rgba(255, 255, 255, 0.3);transform:scale(0);pointer-events:none;}
.button-ripple.active{animation:rippleEffect 0.8s ease-out;}
.large-image-container-2{width:420px;height:420px;margin:0 auto;}
.about-secondary-image{box-shadow:0 0 40px rgba(228, 168, 83, 0.4);}
.about-secondary-image:hover{transform:scale(1.03);box-shadow:0 0 60px rgba(228, 168, 83, 0.6);}
.secondary-image-overlay-glow{border-radius:50%;background:linear-gradient(135deg, rgba(228, 168, 83, 0.12), transparent 40%);z-index:3;pointer-events:none;animation:secondaryPulse 6s ease-in-out infinite;}
.about-main-image, .about-secondary-image, .particle, .bg-particle, .card-particle, .float-element, .image-glow-ring, .glow-orb{will-change:transform;}
@keyframes starTwinkle{from{opacity:0.3;transform:scale(1);}to{opacity:1;transform:scale(1.5);}}
@keyframes orbFloat{0%,100%{transform:translate(0, 0) scale(1);}33%{transform:translate(35px, -25px) scale(1.1);}66%{transform:translate(-25px, 35px) scale(0.9);}}
@keyframes bgParticleFloat{0%,100%{opacity:0;transform:translateY(0px) scale(0.5);}25%{opacity:1;transform:translateY(-45px) scale(1);}50%{opacity:0.8;transform:translateY(-90px) scale(1.2);}75%{opacity:0.6;transform:translateY(-45px) scale(1);}}
@keyframes particleFloat{0%,100%{opacity:0;transform:translateY(0px) scale(0.5);}50%{opacity:1;transform:translateY(-70px) scale(1.5);}}
@keyframes titleGlow{from{opacity:0.2;}to{opacity:0.4;}}
@keyframes rotateRing{from{transform:translate(-50%, -50%) rotate(0deg);}to{transform:translate(-50%, -50%) rotate(360deg);}}
@keyframes pulseGlow{0%,100%{opacity:0.4;}50%{opacity:0.7;}}
@keyframes floatAround{0%,100%{transform:translate(0, 0) rotate(0deg);}25%{transform:translate(10px, -10px) rotate(90deg);}50%{transform:translate(-10px, -18px) rotate(180deg);}75%{transform:translate(-18px, 10px) rotate(270deg);}}
@keyframes orbPulse{0%,100%{transform:translate(-50%, -50%) scale(1);}50%{transform:translate(-50%, -50%) scale(1.15);}}
@keyframes expandRing{0%,100%{transform:translate(-50%, -50%) scale(1);opacity:0.7;}50%{transform:translate(-50%, -50%) scale(1.3);opacity:0.2;}}
@keyframes pulseExpand{0%{transform:translate(-50%, -50%) scale(1);opacity:1;}100%{transform:translate(-50%, -50%) scale(3);opacity:0;}}
@keyframes cardParticleFloat{0%,100%{opacity:0;transform:translateY(0px);}50%{opacity:1;transform:translateY(-25px);}}
@keyframes sectionGlow{from{opacity:0.2;}to{opacity:0.35;}}
@keyframes btnParticleFloat{0%,100%{opacity:0;transform:translateY(0px) scale(0.5);}50%{opacity:1;transform:translateY(-18px) scale(1);}}
@keyframes rippleEffect{to{transform:scale(4);opacity:0;}}
@keyframes secondaryPulse{0%,100%{opacity:0.2;}50%{opacity:0.4;}}
@media(max-width:1024px){.expertise-grid{grid-template-columns:1fr;gap:30px;max-width:600px;}.expertise-card{max-width:100%;}.about-hero{padding:60px 0 40px;}.expertise-section,.personal-section{padding:40px 0;}.about-title{font-size:3.2rem;}.personal-text .section-heading{font-size:2.6rem;}.large-image-container{width:400px;height:400px;}.large-image-container-2{width:380px;height:380px;}.image-glow-ring{width:320px;height:320px;}.image-glow-ring.delay-1{width:340px;height:340px;}.image-glow-ring.delay-2{width:360px;height:360px;}}
@media(max-width:768px){.about-hero-content,.personal-content{grid-template-columns:1fr;gap:50px;text-align:center;padding:0 1.8rem;}.about-hero{padding:50px 0 35px;}.expertise-section,.personal-section{padding:35px 0;}.about-title{font-size:2.8rem;}.personal-text .section-heading{font-size:2.3rem;}.about-intro,.personal-text p{font-size:1.1rem;}.expertise-content p{font-size:0.95rem;}.about-tagline{font-size:0.95rem;}.large-image-container{width:300px;height:300px;}.large-image-container-2{width:280px;height:280px;}.image-glow-ring{width:320px;height:320px;}.image-glow-ring.delay-1{width:340px;height:340px;}.image-glow-ring.delay-2{width:360px;height:360px;}.expertise-card{padding:1.8rem;min-height:240px;}.expertise-content h3{font-size:1.5rem;}.expertise-visual{width:70px;height:70px;}.cta-button{padding:15px 30px;font-size:1.05rem;}}
@media(max-width:480px){.about-hero{padding:55px 0 35px;}.expertise-section,.personal-section{padding:35px 0;}.about-hero-content,.personal-content{padding:0 1.6rem;gap:45px;}.about-title{font-size:2.8rem;}.personal-text .section-heading{font-size:2.2rem;}.about-intro,.personal-text p{font-size:1.1rem;}.about-tagline{font-size:1rem;}.large-image-container{width:320px;height:320px;}.large-image-container-2{width:300px;height:300px;}.image-glow-ring{width:340px;height:340px;}.image-glow-ring.delay-1{width:360px;height:360px;}.image-glow-ring.delay-2{width:380px;height:380px;}.expertise-card{padding:1.7rem;min-height:250px;}.expertise-content h3{font-size:1.5rem;}.expertise-content p{font-size:1rem;}.cta-button{padding:14px 28px;font-size:1rem;}}
@media(prefers-reduced-motion:reduce){.particle,.bg-particle,.card-particle,.float-element,.image-glow-ring,.orb-core,.pulse-ring,.title-glow,.section-title-glow,.image-overlay-glow,.secondary-image-overlay-glow,.star,.glow-orb{animation:none;}.text-reveal,.expertise-card{opacity:1;transform:none;}}