.about-section{scroll-snap-align:start}@supports (scroll-snap-stop:always){.about-section{scroll-snap-stop:always}}.about-section{z-index:1000;isolation:isolate;background:radial-gradient(circle at 50% 100%,#176fe826 0%,#0000 50%),linear-gradient(#0000 80%,#02060a 100%),linear-gradient(135deg,#0a1a2a 0%,#1a324a 40%,#0a182a 100%);justify-content:center;align-items:center;height:100dvh;display:flex;position:relative;overflow:hidden}.about-section:before{content:"";z-index:1;background:radial-gradient(circle at 20% 80%,#779ec61a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#83b0f314 0%,#0000 50%),radial-gradient(circle at 40% 40%,#72b8f10d 0%,#0000 50%);position:absolute;inset:0}.about-section:hover .avatar-orbits .orbit-ring{--orbit-speed:15s}.cosmic-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-orbs-canvas{filter:blur(40px);opacity:.7;mix-blend-mode:screen;will-change:filter;width:100%;height:100%;position:absolute;top:0;left:0}.star-field{pointer-events:none;opacity:.7;mix-blend-mode:screen;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.about-content{z-index:2;width:100%;max-width:1200px;padding:4rem 2rem;position:relative}.about-container{width:100%}.section-header{text-align:center;margin-bottom:2rem}.section-header .section-title{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-header .section-title .title-glow{background:linear-gradient(135deg,#95caf4 0%,#91c1f4 50%,#8cbdf4 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #95caf480);-webkit-background-clip:text;background-clip:text;position:relative}.section-header .title-underline{transform-origin:50%;background:linear-gradient(135deg,#95caf4 0%,#91c1f4 50%,#8cbdf4 100%);border-radius:10px;width:100px;height:3px;margin:10px auto 0;animation:3s ease-in-out infinite alternate neon-pulse-about;box-shadow:0 0 20px #95caf4}.about-grid{grid-template-columns:1fr 2fr;align-items:center;gap:4rem;display:grid}.avatar-container{justify-content:center;align-items:center;display:flex;position:relative}.avatar-container .hologram-avatar{border-radius:50%;width:280px;height:280px;padding:4px;position:relative;overflow:hidden}.avatar-container .hologram-avatar:before{content:"";will-change:transform;z-index:0;background:conic-gradient(#95caf4,#91c1f4,#8cbdf4,#95caf4);animation:8s linear infinite rotateGlow;position:absolute;inset:0}.avatar-container .hologram-avatar .avatar-image{object-fit:cover;object-position:center 17%;z-index:2;border-radius:50%;width:100%;height:100%;transition:transform .3s;position:relative}.avatar-container .hologram-avatar .avatar-image:hover{transform:scale(1.05)}.avatar-container .hologram-avatar .avatar-glitch{opacity:0;z-index:3;pointer-events:none;background:linear-gradient(45deg,#0000 45%,#95caf44d 50%,#0000 55%);width:100%;height:100%;animation:4s infinite glitchEffect;position:absolute;top:0;left:0}.avatar-container .hologram-avatar .avatar-glow{z-index:1;opacity:.7;filter:blur(10px);will-change:transform;background:conic-gradient(#95caf4,#91c1f4,#8cbdf4,#95caf4);border-radius:50%;animation:6s linear infinite rotateGlow;position:absolute;inset:-2px}.avatar-container .hologram-avatar:after{content:"";pointer-events:none;z-index:3;opacity:.4;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 3px,linear-gradient(90deg,#17b7e808,#179be803,#177fe808) 0 0/3px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.avatar-container .avatar-orbits{width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-container .avatar-orbits .orbit-ring{will-change:transform;animation:orbitRotate var(--orbit-speed,20s) linear infinite;border:1px solid #95caf44d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-container .avatar-orbits .orbit-ring.ring-1{width:320px;height:320px}.avatar-container .avatar-orbits .orbit-ring.ring-2{width:360px;height:360px}.avatar-container .avatar-orbits .orbit-ring.ring-3{width:400px;height:400px}.avatar-container .avatar-orbits .orbit-ring.ring-1{--orbit-speed:25s;animation-direction:reverse}.avatar-container .avatar-orbits .orbit-ring.ring-1:before{content:"";background:#95caf4;border-radius:50%;width:4px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #95caf4}.avatar-container .avatar-orbits .orbit-ring.ring-2{--orbit-speed:30s}.avatar-container .avatar-orbits .orbit-ring.ring-2:before{content:"";background:#91c1f4;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 8px #91c1f4}.avatar-container .avatar-orbits .orbit-ring.ring-3{--orbit-speed:35s;animation-direction:reverse}.avatar-container .avatar-orbits .orbit-ring.ring-3:before{content:"";background:#8cbdf4;border-radius:50%;width:2px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 6px #8cbdf4}.bio-container .bio-content .bio-greeting{color:#fff;margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2.5rem)}.bio-container .bio-content .bio-greeting .name-glow{background:linear-gradient(135deg,#95caf4,#8cbdf4);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #8cbdf466);-webkit-background-clip:text;background-clip:text}.bio-container .bio-content .bio-text{text-align:left}.bio-container .bio-content .bio-text p{color:#ffffffe6;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.bio-container .bio-content .bio-text p .highlight{cursor:default;background:linear-gradient(135deg,#95caf4 0%,#91c1f4 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #95caf440);-webkit-background-clip:text;background-clip:text;padding:0 3px;font-weight:600;transition:filter .3s,transform .3s;display:inline-block}.bio-container .bio-content .bio-text p .highlight:hover{filter:drop-shadow(0 0 10px #95caf499);transform:scaleX(1.02)}@keyframes glitchEffect{0%,to{opacity:0;transform:translate(0)}2%{opacity:.3;transform:translate(-2px)}4%{opacity:0;transform:translate(2px)}98%{opacity:0;transform:translate(0)}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes neon-pulse-about{0%{opacity:.8;transform:scaleX(.88);box-shadow:0 0 10px #95caf4,0 0 5px #fff}to{opacity:1;transform:scaleX(1);box-shadow:0 0 25px #95caf4,0 0 10px #fff,0 0 5px #8cbdf4}}@media (width<=1024px){.about-section{flex-direction:column;justify-content:flex-start;height:auto;min-height:100vh;padding-top:80px;padding-bottom:2rem;display:flex;overflow:hidden}.about-content{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:0 2rem}.about-grid{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.section-header{margin-bottom:5rem}.section-header .section-title{font-size:3rem}.avatar-container{justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:1rem;display:flex;position:relative;transform:none}.avatar-container .hologram-avatar{width:200px;height:200px;position:relative;top:auto;left:auto;transform:none}.avatar-container .avatar-orbits{width:340px;max-width:100%;height:340px;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-container .avatar-orbits .orbit-ring.ring-1{width:220px;height:220px}.avatar-container .avatar-orbits .orbit-ring.ring-2{width:260px;height:260px}.avatar-container .avatar-orbits .orbit-ring.ring-3{width:300px;height:300px}.bio-container{width:100%}.bio-container .bio-content{text-align:center}.bio-container .bio-content .bio-greeting{margin-top:.5rem;font-size:2rem}.bio-container .bio-content .bio-text{text-align:left}.bio-container .bio-content .bio-text p{margin-bottom:1.2rem;font-size:1.1rem;line-height:1.6}}@media (width<=600px){.about-section{padding-top:100px}.section-header .section-title{font-size:2.2rem}.avatar-container{width:240px;height:240px}.avatar-container .hologram-avatar{width:160px;height:160px}.avatar-container .avatar-orbits .orbit-ring.ring-1{width:180px;height:180px}.avatar-container .avatar-orbits .orbit-ring.ring-2{width:210px;height:210px}.avatar-container .avatar-orbits .orbit-ring.ring-3{width:240px;height:240px}}@media (prefers-reduced-motion:reduce){.floating-orbs-canvas,.avatar-orbits .orbit-ring,.hologram-avatar:before,.hologram-avatar .avatar-glow,.hologram-avatar .avatar-glitch,.star-field,.title-underline{animation:none}}