:root{--color-60-base: #080518;--color-60-canvas: #0E0929;--color-60-backdrop: #120B33;--space-dark: #080518;--space-light: #160E36;--color-30-lavender: #C4B5FD;--color-30-violet: #A855F7;--color-30-deep-violet: #7C3AED;--color-30-surface: rgba(22, 14, 54, .74);--color-30-surface-hover: rgba(34, 22, 76, .86);--color-30-border: rgba(168, 85, 247, .28);--color-30-border-hover: rgba(196, 181, 253, .52);--text-primary: #F5F3FF;--text-light: #F5F3FF;--text-gray: #C4B5FD;--text-muted: #9F8FEF;--accent-pink: #F472B6;--accent-pink-deep: #EC4899;--accent-purple: #A855F7;--accent-blue: #C4B5FD;--accent-cyan: #E9D5FF;--font-heading: "Orbitron", sans-serif;--font-body: "Poppins", sans-serif;--galaxy-gradient: linear-gradient(135deg, #F5F3FF 0%, #C4B5FD 45%, #F472B6 100%);--btn-primary-gradient: linear-gradient(135deg, #6D28D9 0%, #9333EA 50%, #EC4899 100%);--accent-glow: 0 0 25px rgba(244, 114, 182, .45)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{scroll-padding-top:80px;overflow-x:clip}body{background-color:var(--space-dark);color:var(--text-light);font-family:var(--font-body);line-height:1.7;overflow-x:clip}.cosmos-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.cursor-aura{position:fixed;top:0;left:0;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.14) 0%,rgba(59,130,246,.06) 40%,transparent 70%);pointer-events:none;z-index:0;will-change:transform;mix-blend-mode:screen}@media (max-width: 768px){.cursor-aura{display:none}}.stars-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:-2}.stars-bg:before{content:"";position:absolute;width:1px;height:1px;background:#fff;box-shadow:50vw 20vh #fff,10vw 80vh 1px #fff,80vw 30vh #fff,30vw 50vh 1px #fff,90vw 90vh #fff,15vw 10vh 1px #fff,70vw 60vh 1px #fff;animation:twinkle 5s infinite alternate}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.container{max-width:1100px;margin-left:auto;margin-right:auto;padding:6rem 2rem}h2{font-family:var(--font-heading);text-align:center;font-size:2.5rem;margin-bottom:3rem;background:var(--galaxy-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scroll-progress-bar{display:none}header{position:fixed;top:0;left:0;width:100%;padding:1.4rem 2rem;z-index:1000;transition:all .35s cubic-bezier(.16,1,.3,1)}header.scrolled{padding:.85rem 2rem;background:#0a0a1ab8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:none;box-shadow:0 10px 30px #00000073}nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}nav .logo{font-family:var(--font-heading);font-size:1.65rem;font-weight:700;text-decoration:none;color:var(--text-light);display:flex;align-items:center;gap:2px;letter-spacing:.5px;transition:transform .3s ease}nav .logo:hover{transform:scale(1.03)}.logo-bracket{background:var(--galaxy-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}nav ul{list-style:none;display:flex;align-items:center;gap:2rem;background:#1d1d3b73;padding:.55rem 1.5rem;border-radius:999px;border:1px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .35s cubic-bezier(.16,1,.3,1)}nav ul li a{display:inline-block;text-decoration:none;color:var(--text-gray);font-weight:600;font-size:.92rem;transition:all .3s ease;position:relative;padding:4px 2px;border-radius:999px;border:1px solid transparent}nav ul li a:hover,nav ul li a.active{color:#fff;text-shadow:0 0 12px rgba(139,92,246,.6)}nav ul li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;border-radius:2px;background:var(--galaxy-gradient);box-shadow:0 0 8px #8b5cf6cc;transition:width .3s ease}nav ul li a:hover:after,nav ul li a.active:after{width:100%}header.glass-nav nav ul{gap:.45rem;background:linear-gradient(135deg,#2e23588f,#100b26b8);padding:.42rem .65rem;border:1px solid rgba(196,181,253,.24);border-top-color:#ffffff57;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 14px 32px -6px #04020eb8,0 0 24px #a855f724,inset 0 1.5px #ffffff47,inset 0 -2px 5px #0502128c}header.glass-nav nav ul li a{font-size:.9rem;padding:.36rem .9rem}header.glass-nav nav ul li a:hover,header.glass-nav nav ul li a.active{background:#c4b5fd24;border-color:#c4b5fd40;border-top-color:#ffffff59;box-shadow:inset 0 1px #ffffff38,0 4px 12px #08051873;text-shadow:0 0 12px rgba(196,181,253,.45)}header.glass-nav nav ul li a:after{bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #f472b6bf}header.glass-nav nav ul li a:hover:after,header.glass-nav nav ul li a.active:after{width:42%}.nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(196,181,253,.25);background:#1d1d3b8c;color:var(--text-light);font-size:1.15rem;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .25s ease}header.glass-nav .nav-toggle{background:linear-gradient(135deg,#2e2358b8,#100b26d9);border-color:#c4b5fd4d;box-shadow:0 8px 20px #04020e99,inset 0 1px #ffffff40}@media (max-width: 820px){header{padding:.9rem 1.15rem}header.scrolled{padding:.75rem 1.15rem}nav{position:relative}nav .logo{font-size:1.35rem}.nav-toggle{display:inline-flex}nav ul{position:absolute;top:calc(100% + .75rem);right:0;flex-direction:column;align-items:stretch;gap:.35rem;min-width:210px;padding:.75rem;border-radius:18px;background:linear-gradient(135deg,#1c133cf0,#0c081ef7);border:1px solid rgba(196,181,253,.28);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 18px 40px #04020ed9,inset 0 1px #ffffff38;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top right;pointer-events:none}nav ul.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}nav ul li a,header.glass-nav nav ul li a{display:block;width:100%;padding:.55rem .9rem;font-size:.95rem;border-radius:12px}nav ul li a:after,header.glass-nav nav ul li a:after{display:none}}.hero{position:relative;overflow:hidden;min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;padding:6rem 6% 4rem;perspective:1400px}.hero-3d-grid{position:absolute;bottom:-25%;left:-20%;width:140%;height:75%;background-image:linear-gradient(to right,rgba(139,92,246,.14) 1px,transparent 1px),linear-gradient(to bottom,rgba(59,130,246,.14) 1px,transparent 1px);background-size:55px 55px;transform:perspective(600px) rotateX(68deg);mask-image:radial-gradient(ellipse at 50% 30%,black 15%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 15%,transparent 72%);animation:gridMove3D 12s linear infinite;z-index:0;pointer-events:none}@keyframes gridMove3D{0%{background-position:0 0}to{background-position:0 55px}}.hero-ambient-orb{position:absolute;border-radius:50%;filter:blur(95px);z-index:0;pointer-events:none;opacity:.45;animation:orbFloat 10s ease-in-out infinite alternate}.hero-ambient-orb.orb-1{width:380px;height:380px;background:radial-gradient(circle,#8b5cf68c,#3b82f61a);top:10%;left:2%}.hero-ambient-orb.orb-2{width:420px;height:420px;background:radial-gradient(circle,#ec489973,#8b5cf61a);bottom:8%;right:5%;animation-delay:-5s}@keyframes orbFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(30px,-25px,0) scale(1.1)}}.hero.hero-scenic-track{position:relative;display:block;width:100%;max-width:100%;height:245vh;min-height:245vh;margin:0;padding:0;overflow:visible}.hero-poster-section{position:relative;width:100%;height:100vh;min-height:600px;overflow-x:clip;overflow-y:visible;background:transparent;z-index:20;pointer-events:auto}.hero-poster-sticky{position:relative;height:100%;box-sizing:border-box;padding:5rem 1.8rem 1.6rem;display:flex;align-items:center;justify-content:center;--hero-exit: 0;pointer-events:auto}.hero-poster-sticky.is-opened{pointer-events:none;visibility:hidden}.hero-window-backdrop{display:none}#about{position:relative;z-index:10}#about .section-portal-track{height:130vh}#about .section-portal-giant-text{filter:drop-shadow(0 16px 45px rgba(8,5,24,.92)) drop-shadow(0 0 65px rgba(168,85,247,.72)) drop-shadow(0 0 28px rgba(244,114,182,.45))}@media (max-width: 768px){#about .section-portal-track{height:175vh}}.hero-poster-canvas-frame{position:relative;width:100%;max-width:1400px;height:100%;min-height:0;max-height:920px;border-radius:26px;border:1px solid rgba(139,92,246,.28);background:radial-gradient(ellipse 75% 55% at 50% 48%,#1c0e3eb8,#0b071cf2 70%,#070314);box-shadow:0 0 55px #7c3aed24,inset 0 1px #ffffff1f,inset 0 0 35px #a855f714;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:2rem 3rem;overflow:hidden;transform-style:preserve-3d;perspective:1000px;transform:rotateX(var(--poster-tilt-x, 0deg)) rotateY(var(--poster-tilt-y, 0deg)) scale(calc(1 + var(--hero-exit, 0) * .08));opacity:clamp(0,calc(1 - max(0,(var(--hero-exit, 0) - .58) / .42)),1);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.poster-ambient-light{position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none;z-index:0}.light-top-left{width:420px;height:340px;top:-50px;left:-50px;background:radial-gradient(circle,rgba(168,85,247,.35),transparent 70%)}.light-bottom-right{width:450px;height:380px;bottom:-60px;right:-50px;background:radial-gradient(circle,rgba(168,85,247,.28),transparent 70%)}.light-center-glow{width:600px;height:520px;top:45%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(244,114,182,.14) 0%,rgba(168,85,247,.22) 45%,transparent 70%)}.hero-poster-giant-bg{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7%;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;filter:drop-shadow(0 0 1px rgba(245,243,255,.45)) drop-shadow(0 18px 40px rgba(8,5,24,.75))}.poster-giant-word{display:inline-flex;align-items:flex-end;gap:clamp(2px,.9vw,14px);font-family:Bebas Neue,sans-serif;font-size:clamp(7rem,23vw,24rem);line-height:.8;text-transform:uppercase;white-space:nowrap;transform:translateZ(0) scaleY(var(--pg-stretch, 1));transform-origin:center bottom;opacity:1;backface-visibility:hidden;will-change:transform}.pg-line-break{display:none}.pg-letter{display:inline-block;overflow:visible;line-height:.8;transform-origin:center center;transform:translateZ(0) scale(1);opacity:1;will-change:transform,opacity}.pg-letter.is-type-hidden{opacity:0;transform:translate3d(0,14px,0) scale(.92)}.pg-letter.is-type-visible{opacity:1;transform:translateZ(0) scale(1);transition:opacity .16s ease-out,transform .24s cubic-bezier(.16,1,.3,1)}.pg-letter-inner{display:inline-block;line-height:.8;background:linear-gradient(180deg,#f472b6,#f5f3ff 22%,#c4b5fd 58%,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes letterRise{0%{transform:translateY(108%);opacity:0}to{transform:translateY(0);opacity:1}}.hero-poster-subject{position:absolute;bottom:0;left:50%;transform:translate3d(-50%,calc(var(--hero-exit, 0) * -90px),0) scale(calc(1 + var(--hero-exit, 0) * .55));transform-origin:center bottom;opacity:clamp(0,calc(1 - var(--hero-exit, 0) * 1.25),1);height:112%;max-height:1080px;width:clamp(580px,68vw,1080px);z-index:4;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;will-change:transform,opacity}.poster-subject-ambient-glow{position:absolute;width:580px;height:620px;bottom:6%;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.44) 0%,rgba(196,181,253,.18) 48%,transparent 72%);filter:blur(52px);z-index:-1}.poster-subject-img-wrap{position:relative;width:100%;height:100%;padding-bottom:.75rem;display:flex;align-items:flex-end;justify-content:center}.poster-subject-img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(1.16);transform-origin:center bottom;display:block;filter:drop-shadow(0 -8px 26px rgba(196,181,253,.45)) drop-shadow(0 20px 50px rgba(5,2,16,.98)) contrast(1.05) saturate(1.05)}.poster-subject-vignette{position:absolute;left:22%;right:22%;bottom:.2rem;height:26px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(5,2,16,.85) 0%,transparent 72%);filter:blur(8px);pointer-events:none}.hero-poster-bottom-row{position:relative;z-index:6;width:100%;display:flex;align-items:stretch;justify-content:space-between;gap:1.5rem;pointer-events:none}.hero-poster-left-col{position:relative;z-index:6;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:.8rem;pointer-events:auto;transform-origin:left bottom;transform:translateZ(0);opacity:1;will-change:transform,opacity}.hero-poster-left-col.is-intro-hidden{opacity:0;transform:translate3d(-56px,0,0)}.hero-poster-left-col.is-intro-visible{opacity:1;transform:translateZ(0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)}.poster-script-greeting{font-family:Caveat,cursive;font-size:clamp(1.7rem,2.8vw,2.6rem);font-weight:700;line-height:1;min-height:1em;color:#f472b6;margin-bottom:-.2rem;filter:drop-shadow(0 3px 15px rgba(244,114,182,.5));-webkit-user-select:none;user-select:none}.poster-display-name{font-family:Bebas Neue,sans-serif;font-size:clamp(2.4rem,4.4vw,4.6rem);line-height:.88;letter-spacing:.035em;color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.95),0 0 40px rgba(168,85,247,.45);margin:0;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.poster-display-name .name-first,.poster-display-name .name-last{min-height:.88em;display:inline-block}.poster-display-name .name-last{color:#f8fafc}.is-typing-caret:after{content:"|";display:inline-block;margin-left:3px;color:#f472b6;font-weight:400;animation:heroCaretBlink .7s steps(2,start) infinite}@keyframes heroCaretBlink{0%,to{opacity:1}50%{opacity:0}}.hero-poster-right-col{position:relative;z-index:6;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;margin-top:calc(clamp(1.7rem,2.8vw,2.6rem) - .2rem);margin-bottom:.8rem;text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:right bottom;transform:translateZ(0);opacity:1;will-change:transform,opacity}.hero-poster-right-col.is-intro-hidden{opacity:0;transform:translate3d(56px,0,0)}.hero-poster-right-col.is-intro-visible{opacity:1;transform:translateZ(0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)}.hero-skill-title-item{font-family:Caveat,cursive;font-size:clamp(1.3rem,2.15vw,2.25rem);font-weight:700;letter-spacing:.02em;text-transform:none;color:#f5f3ff;text-shadow:0 6px 24px rgba(0,0,0,.95),0 0 28px rgba(168,85,247,.42);padding-right:.9rem;border-right:3px solid rgba(244,114,182,.8);line-height:.96;white-space:nowrap}@media (max-width: 1080px){.hero-poster-canvas-frame{padding:1.6rem 1.8rem}.hero-poster-subject{width:clamp(400px,74vw,680px)}}@media (max-width: 768px){.hero-poster-section{height:100svh;min-height:540px}.hero-poster-sticky{padding:4.6rem .8rem 1rem}.hero-poster-canvas-frame{padding:1.2rem 1rem;border-radius:20px;justify-content:space-between;gap:.75rem}.hero-poster-left-col{margin-bottom:.6rem}.hero-poster-right-col{margin-top:calc(clamp(1.5rem,6vw,2.2rem) - .2rem);margin-bottom:.6rem}.hero-poster-bottom-row{gap:.75rem}.hero-skill-title-item{font-size:clamp(.95rem,3.6vw,1.45rem);letter-spacing:.02em;padding-right:.5rem;border-right-width:2px}.hero-poster-giant-bg{align-items:flex-end;padding:0 0 3%}.poster-giant-word{flex-wrap:wrap;justify-content:center;align-items:flex-end;align-content:flex-end;row-gap:.03em;column-gap:0;font-family:Anton,Bebas Neue,sans-serif;font-size:clamp(6.5rem,37vw,14rem);line-height:.82;letter-spacing:0;white-space:normal;width:100%}.pg-letter,.pg-letter-inner{line-height:.82}.hero-poster-subject{z-index:4;width:135%;height:100%;max-height:none;bottom:6%}.poster-subject-img{transform:scale(1.08);transform-origin:center bottom}.pg-line-break{display:block;flex-basis:100%;height:0}.poster-display-name{font-size:clamp(2.2rem,10vw,3.6rem)}.poster-script-greeting{font-size:clamp(1.5rem,6vw,2.2rem)}}.about-intro-banner{margin-bottom:1.35rem;padding-bottom:1.15rem;border-bottom:1px solid rgba(168,85,247,.22)}.about-greeting-title{font-family:var(--font-heading);font-size:clamp(1.55rem,2.8vw,2.3rem);line-height:1.25;margin:0 0 .45rem;color:#fff}.about-typing-subtitle{font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--text-gray);margin:0}.about-action-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.65rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 640px){.about-action-buttons{flex-wrap:nowrap;gap:.5rem}.about-action-buttons .btn{flex:1 1 auto;width:auto;min-width:fit-content;padding:.68rem .82rem;font-size:clamp(.72rem,3.1vw,.82rem);gap:.38rem;white-space:nowrap;justify-content:center}}.hero-marquee-bg{position:absolute;top:52%;left:0;width:100%;transform:translateY(-50%) rotate(-2deg) scale(1.03);overflow:hidden;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.marquee-track{display:flex;width:max-content;animation:heroMarqueeLeft 32s linear infinite}.marquee-track span{font-family:var(--font-heading);font-size:clamp(4.5rem,10.5vw,9rem);font-weight:700;text-transform:uppercase;white-space:nowrap;letter-spacing:6px;color:#ffffff1f;-webkit-text-stroke:1.5px rgba(255,255,255,.28);text-shadow:0 0 35px rgba(139,92,246,.25);padding-right:1rem}@keyframes heroMarqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-text{position:relative;z-index:2;grid-column:1 / 2;padding-right:1.5rem}.dev-status-badge{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem 1rem;margin-bottom:1.4rem;border-radius:999px;background:#1d1d3bb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.4);box-shadow:0 8px 25px #00000059,inset 0 1px #ffffff1f;font-size:.85rem;font-weight:500;color:#e0e0ff}.status-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 12px #10b981;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.65}}.status-code{font-family:Courier New,Courier,monospace;font-weight:700;color:#c4b5fd;background:#8b5cf633;padding:.1rem .5rem;border-radius:6px;font-size:.78rem}.hero-text h1{font-family:var(--font-heading);font-size:clamp(2.2rem,4.8vw,4.3rem);line-height:1.18;background:var(--galaxy-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 25px rgba(139,92,246,.25))}.wave-emoji{display:inline-block;-webkit-text-fill-color:initial;animation:waveHand 2.4s ease-in-out infinite;transform-origin:70% 70%}@keyframes waveHand{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}.hero-name-3d{position:relative;display:inline-block;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6,#60a5fa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerGradient 6s linear infinite}@keyframes shimmerGradient{0%{background-position:0% center}to{background-position:200% center}}.no-wrap{white-space:nowrap}.subtitle-terminal{display:inline-flex;align-items:center;gap:.75rem;margin:1.4rem 0 2.2rem;padding:.7rem 1.25rem;border-radius:12px;background:#0d0d20bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #00000059}.terminal-prompt{font-family:Courier New,Courier,monospace;font-size:.95rem;font-weight:700;color:#ec4899;-webkit-user-select:none;user-select:none}.hero-text .subtitle{font-size:1.45rem;color:var(--text-gray);margin:1.2rem 0 2.2rem}#typing-text{color:#fff;font-weight:600;text-shadow:0 0 15px rgba(139,92,246,.5)}.typing-cursor{color:var(--accent-purple);font-weight:700;animation:blinkCursor .9s step-end infinite}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.btn{display:inline-flex;align-items:center;background:var(--btn-primary-gradient);color:#fff;text-shadow:0 1px 6px rgba(8,5,24,.48);padding:13px 26px;border-radius:13px;text-decoration:none;font-weight:700;letter-spacing:.25px;border:1px solid rgba(244,114,182,.48);box-shadow:0 10px 26px -4px #6d28d994,inset 0 1px #ffffff52;transition:all .35s cubic-bezier(.16,1,.3,1);background-size:160% auto;position:relative;overflow:hidden}.btn:hover{transform:translateY(-4px) scale(1.02);color:#fff;border-color:#f5f3ffa6;box-shadow:0 16px 34px #a855f785,0 0 22px #f472b66b,inset 0 1px #ffffff6b;background-position:right center}.btn i{margin-right:9px}.btn-3d-primary{box-shadow:0 12px 28px -5px #7c3aeda6,0 0 18px #ec489947,inset 0 1px #ffffff59}.btn-3d-glass{background:linear-gradient(135deg,#2e1c62e0,#180f3af0);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f5f3ff;border:1px solid rgba(196,181,253,.48);box-shadow:0 10px 25px -5px #04020ea6,inset 0 1px #f5f3ff38}.btn-3d-glass:hover{background:var(--btn-primary-gradient);color:#fff;border-color:#f472b6b8;box-shadow:0 15px 32px #ec489973,inset 0 1px #ffffff61}.hero-image-3d-stage{grid-column:2 / 3;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;perspective:1200px;padding:40px}.hero-3d-card{position:relative;width:310px;height:310px;transform-style:preserve-3d;transition:transform .18s ease-out;animation:float3DStage 6s ease-in-out infinite alternate}@keyframes float3DStage{0%{transform:translateY(0) rotateX(2deg) rotateY(-4deg)}to{transform:translateY(-14px) rotateX(-3deg) rotateY(5deg)}}.orbital-ring{position:absolute;inset:-38px;border-radius:50%;border:1.5px dashed rgba(139,92,246,.35);pointer-events:none;transform-style:preserve-3d}.orbital-ring.ring-1{transform:translateZ(-40px) rotateX(65deg) rotateY(15deg);border-color:#60a5fa66;box-shadow:0 0 25px #3b82f633;animation:spinOrbit1 14s linear infinite}.orbital-ring.ring-2{inset:-52px;transform:translateZ(-50px) rotateX(55deg) rotateY(-25deg);border-color:#ec489959;animation:spinOrbit2 18s linear infinite reverse}@keyframes spinOrbit1{0%{transform:translateZ(-40px) rotateX(68deg) rotateY(15deg) rotate(0)}to{transform:translateZ(-40px) rotateX(68deg) rotateY(15deg) rotate(360deg)}}@keyframes spinOrbit2{0%{transform:translateZ(-50px) rotateX(58deg) rotateY(-25deg) rotate(0)}to{transform:translateZ(-50px) rotateX(58deg) rotateY(-25deg) rotate(360deg)}}.card-3d-layer{position:absolute;inset:0;border-radius:28px;pointer-events:none;transition:transform .35s ease}.card-3d-layer.layer-back{background:var(--space-light);border:1px solid rgba(139,92,246,.35);transform:translate3d(-18px,18px,-45px) rotate(-4deg);box-shadow:0 25px 50px #000000a6}.card-3d-layer.layer-mid{background:var(--galaxy-gradient);transform:translate3d(16px,-16px,-22px) rotate(4deg);box-shadow:0 15px 55px #8b5cf68c;opacity:.9}.hero-laser-border{position:absolute;inset:-3px;border-radius:26px;background:conic-gradient(from 0deg,transparent 0deg,#60A5FA 90deg,#8B5CF6 180deg,#EC4899 270deg,transparent 360deg);transform:translateZ(12px);animation:spinLaserBorder 6s linear infinite;filter:blur(4px);opacity:.75;pointer-events:none}@keyframes spinLaserBorder{0%{filter:blur(4px) hue-rotate(0deg)}to{filter:blur(4px) hue-rotate(360deg)}}.hero-clean-pill{position:absolute;bottom:-16px;right:-18px;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.05rem;border-radius:999px;background:#0d0d23e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(139,92,246,.5);box-shadow:0 15px 30px #00000080,0 0 20px #8b5cf64d;color:#fff;font-size:.8rem;font-weight:600;transform:translateZ(40px);pointer-events:none}.hero-clean-pill i{color:#f472b6}.hero-stats-bar{display:inline-flex;align-items:center;gap:1.8rem;margin-top:2.4rem;padding:.9rem 1.6rem;border-radius:18px;background:#1d1d3b73;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(139,92,246,.25);box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff14;flex-wrap:wrap}.hero-stat-item{display:flex;flex-direction:column;position:relative}.hero-stat-item:not(:last-child):after{content:"";position:absolute;right:-.95rem;top:15%;height:70%;width:1px;background:#8b5cf647}.hero-stat-value{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;background:var(--galaxy-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.hero-stat-label{font-size:.76rem;color:var(--text-gray);font-weight:500}.hero-3d-card:hover .card-3d-layer.layer-back{transform:translate3d(-26px,26px,-60px) rotate(-7deg)}.hero-3d-card:hover .card-3d-layer.layer-mid{transform:translate3d(24px,-24px,-30px) rotate(7deg)}.card-3d-photo-wrap{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;transform:translateZ(15px);border:2px solid rgba(255,255,255,.22);box-shadow:0 20px 45px #00000080;background:#1d1d3b}.card-3d-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.hero-3d-card:hover .card-3d-photo-wrap img{transform:scale(1.06)}.photo-glare{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;mix-blend-mode:overlay}.floating-3d-badge{position:absolute;display:flex;align-items:center;gap:.55rem;padding:.55rem .95rem;border-radius:14px;background:#0f0f23d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(139,92,246,.45);box-shadow:0 15px 35px #0000008c,0 0 20px #8b5cf640;color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap;transform:translateZ(55px);pointer-events:none}.floating-3d-badge i{font-size:1.15rem}.badge-top-left{top:-18px;left:-48px;animation:badgeFloat 4s ease-in-out infinite alternate}.badge-top-left i{color:#61dafb}.badge-top-right{top:22px;right:-55px;animation:badgeFloat 4.5s ease-in-out .7s infinite alternate}.badge-top-right i{color:#3178c6}.badge-bottom-left{bottom:18px;left:-62px;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.55rem .85rem;animation:badgeFloat 5s ease-in-out 1.2s infinite alternate}.badge-bottom-left code{font-family:Courier New,Courier,monospace;font-size:.74rem;color:#a78bfa}.code-dots{display:flex;gap:4px}.code-dots span{width:7px;height:7px;border-radius:50%}.code-dots .dot-r{background:#ef4444}.code-dots .dot-y{background:#f59e0b}.code-dots .dot-g{background:#10b981}.badge-bottom-right{bottom:-18px;right:-38px;animation:badgeFloat 4.2s ease-in-out .4s infinite alternate}.badge-bottom-right i{color:#ec4899}@keyframes badgeFloat{0%{transform:translateZ(55px) translateY(0)}to{transform:translateZ(65px) translateY(-8px)}}.section-header-3d{text-align:center;margin-bottom:3.5rem}.section-header-3d h2{margin-bottom:.5rem;font-size:clamp(2rem,4.5vw,3rem);filter:drop-shadow(0 8px 20px rgba(139,92,246,.25))}.section-kicker{display:inline-block;font-family:Courier New,Courier,monospace;font-size:.82rem;font-weight:700;letter-spacing:2px;color:#c4b5fd;background:#8b5cf624;border:1px solid rgba(139,92,246,.35);padding:.35rem 1rem;border-radius:999px;margin-bottom:.85rem;text-transform:uppercase;box-shadow:0 0 20px #8b5cf633}.about-content{display:grid;grid-template-columns:310px 1fr;align-items:center;gap:3.5rem}@media (max-width: 868px){.about-content{grid-template-columns:1fr;justify-items:center}}.about-photo-3d-wrap{position:relative;width:290px;height:290px;border-radius:24px;padding:6px;background:var(--galaxy-gradient);box-shadow:0 20px 45px #0000008c,0 0 35px #8b5cf659;transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .35s ease}.about-photo-glow{position:absolute;inset:-12px;background:var(--galaxy-gradient);border-radius:30px;filter:blur(22px);opacity:.4;z-index:-1;transition:opacity .35s ease}.about-photo-3d-wrap:hover .about-photo-glow{opacity:.75}.profile-pic{width:100%;height:100%;object-fit:cover;border-radius:19px;display:block}.about-floating-chip{position:absolute;bottom:-16px;right:-18px;display:flex;align-items:center;gap:.55rem;padding:.6rem 1.1rem;border-radius:14px;background:#0d0d23e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.5);box-shadow:0 12px 25px #00000080;color:#fff;font-size:.82rem;font-weight:600;transform:translateZ(35px)}.about-floating-chip i{color:#ec4899}.about-code-card{position:relative;background:linear-gradient(135deg,#1d1d3bb8,#0d0d23e0);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;border:1px solid rgba(139,92,246,.28);box-shadow:0 20px 45px #00000073,inset 0 1px #ffffff1a;overflow:hidden;transition:transform .25s ease-out,border-color .35s ease,box-shadow .35s ease}.about-code-card:hover{border-color:#8b5cf6a6;box-shadow:0 25px 50px #8b5cf640}.ide-window-bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.4rem;background:#0a0a1abf;border-bottom:1px solid rgba(255,255,255,.08)}.ide-filename{font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:600;color:#c4b5fd;display:flex;align-items:center;gap:.45rem}.ide-filename i{color:#3178c6}.ide-status{font-family:Courier New,Courier,monospace;font-size:.72rem;color:var(--text-gray);background:#ffffff0f;padding:.15rem .55rem;border-radius:6px}.about-code-body{padding:2rem 2.2rem;position:relative;z-index:1}.about-code-body p{color:#e2e2ff;font-size:1.05rem;line-height:1.8;margin-bottom:1.2rem;border-left:3px solid rgba(139,92,246,.5);padding-left:1.1rem}.about-code-body p:last-child{margin-bottom:0;border-left-color:#ec489980}.button-wrapper{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.2rem}.service-card{position:relative;background:linear-gradient(145deg,#1d1d3bbf,#0d0d23e0);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-align:center;padding:2.8rem 2.2rem;border-radius:22px;border:1px solid rgba(139,92,246,.22);box-shadow:0 18px 40px -8px #00000080,inset 0 1px #ffffff1a;transition:transform .25s ease-out,border-color .35s ease,box-shadow .35s ease;overflow:hidden;transform-style:preserve-3d}.service-card:hover{border-color:#8b5cf6b3;box-shadow:0 25px 50px -10px #8b5cf666}.service-index{position:absolute;top:16px;right:22px;font-family:var(--font-heading);font-size:2.8rem;font-weight:700;color:#ffffff0a;-webkit-text-stroke:1px rgba(139,92,246,.18);pointer-events:none;transition:all .35s ease}.service-card:hover .service-index{color:#8b5cf61f;transform:scale(1.1) translateY(-3px)}.service-icon-orb{width:78px;height:78px;margin:0 auto 1.6rem;border-radius:22px;background:linear-gradient(135deg,#8b5cf633,#ec489926);border:1px solid rgba(139,92,246,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #8b5cf640,inset 0 1px #fff3;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;transform:translateZ(25px)}.service-card:hover .service-icon-orb{transform:translateZ(35px) scale(1.1) rotate(5deg);box-shadow:0 15px 35px #8b5cf680}.service-card i{font-size:2.3rem;background:var(--galaxy-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.service-card h3{font-family:var(--font-heading);font-size:1.35rem;margin-bottom:.85rem;color:#fff;transform:translateZ(18px)}.service-card p{color:var(--text-gray);font-size:.96rem;line-height:1.7;transform:translateZ(12px)}.service-neon-bar{position:absolute;bottom:0;left:20%;right:20%;height:3px;background:var(--galaxy-gradient);border-radius:3px 3px 0 0;opacity:.35;transition:all .4s ease}.service-card:hover .service-neon-bar{left:0;right:0;opacity:1;box-shadow:0 0 20px #8b5cf6e6}#projects,#tech-stack{margin-top:4rem}.projects-header-3d{margin-bottom:1.85rem}.projects-3d-console{position:relative;max-width:960px;margin:0 auto .6rem;padding:.75rem 1rem .9rem;border-radius:24px;background:linear-gradient(165deg,#1c1242e0,#0e0926f2 60%,#080518fa);border:1px solid rgba(168,85,247,.38);box-shadow:0 24px 50px -12px #04020ee6,0 0 35px #a855f733,inset 0 1px #f5f3ff38,inset 0 -1px #f472b633;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:perspective(1100px) rotateX(4deg);transform-style:preserve-3d;z-index:3}.projects-3d-console:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,#A855F7,#F472B6,#A855F7,transparent);filter:drop-shadow(0 0 8px rgba(244,114,182,.75));pointer-events:none}.console-top-bevel{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .45rem .65rem;margin-bottom:.7rem;border-bottom:1px solid rgba(168,85,247,.22);font-family:Courier New,Courier,monospace;font-size:.7rem;font-weight:700;letter-spacing:1.4px;color:#c4b5fd}.console-status-pill{display:inline-flex;align-items:center;gap:.5rem;color:#f5f3ff}.console-live-dot{width:7px;height:7px;border-radius:50%;background:#f472b6;box-shadow:0 0 10px #f472b6,0 0 18px #a855f7;animation:statusPulse 2s ease-in-out infinite}.console-mode-tag{display:inline-flex;align-items:center;gap:.4rem;color:#c4b5fd;background:#a855f724;border:1px solid rgba(196,181,253,.24);padding:.18rem .6rem;border-radius:999px}.console-mode-tag i{color:#f472b6}.filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem;margin:0;padding:0;background:transparent;border:none;box-shadow:none}.btn-filter{position:relative;display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(145deg,#1e1344c7,#100a2aeb);border:1px solid rgba(196,181,253,.22);color:#e9d5ff;padding:.52rem .95rem;border-radius:13px;font-family:var(--font-body);font-size:.84rem;font-weight:600;cursor:pointer;box-shadow:0 6px 14px #04020e80,inset 0 1px #f5f3ff1a;transition:all .3s cubic-bezier(.16,1,.3,1)}.filter-btn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;color:#c4b5fd;transition:color .3s ease,transform .3s ease}.filter-btn-label{letter-spacing:.2px}.filter-btn-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-family:Courier New,Courier,monospace;font-size:.7rem;font-weight:700;background:#080518a6;color:#c4b5fd;border:1px solid rgba(196,181,253,.2);transition:all .3s ease}.btn-filter:not(.active):hover{background:linear-gradient(145deg,#34206ce0,#1c1144f2);border-color:#f472b68c;color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #080518a6,0 0 16px #a855f752}.btn-filter:not(.active):hover .filter-btn-icon{color:#f472b6;transform:scale(1.1)}.btn-filter.active{background:var(--btn-primary-gradient);border-color:#f5f3ff8c;color:#fff;text-shadow:0 1px 6px rgba(8,5,24,.55);box-shadow:0 10px 26px -4px #7c3aedad,0 0 20px #f472b66b,inset 0 1px #ffffff59;transform:translateY(-2px)}.btn-filter.active .filter-btn-icon{color:#fff}.btn-filter.active .filter-btn-count{background:#08051894;color:#fff;border-color:#f5f3ff61}.console-3d-bridge{position:absolute;left:18%;right:18%;bottom:-24px;height:24px;background:linear-gradient(180deg,rgba(168,85,247,.28) 0%,rgba(244,114,182,.1) 50%,transparent 100%);clip-path:polygon(8% 0%,92% 0%,100% 100%,0% 100%);pointer-events:none}@media (max-width: 680px){.console-top-bevel{flex-direction:column;align-items:center;gap:.35rem}.projects-3d-console{transform:none;padding:.7rem .65rem}}.project-slider-viewport{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:.5rem 0 1rem;overflow:hidden;--project-card-w: clamp(320px, 31vw, 415px)}.project-3d-stage-glow{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:min(760px,85vw);height:420px;background:radial-gradient(ellipse at center,rgba(168,85,247,.22) 0%,rgba(244,114,182,.11) 42%,transparent 74%);filter:blur(36px);pointer-events:none;z-index:0}.project-grid{position:relative;z-index:1;display:flex;flex-wrap:nowrap;align-items:stretch;gap:1.75rem;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:auto;padding:2.2rem calc(50% - (var(--project-card-w) / 2)) 2.8rem;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;perspective:1400px;transform-style:preserve-3d;-webkit-overflow-scrolling:touch}.project-grid::-webkit-scrollbar{display:none}.project-grid.is-dragging{cursor:grabbing;scroll-snap-type:none}.project-card,.project-card-3d{flex:0 0 var(--project-card-w);width:var(--project-card-w);scroll-snap-align:center;position:relative;background:linear-gradient(160deg,#160e36e0,#0e0929f0 55%,#080518fa);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:26px;padding:1.05rem 1.05rem 1.35rem;border:1px solid rgba(168,85,247,.28);box-shadow:0 26px 55px -16px #04020ee0,inset 0 1px #f5f3ff1f;overflow:hidden;display:flex;flex-direction:column;transform-origin:center center;transform-style:preserve-3d;will-change:transform,opacity;transition:border-color .35s ease,box-shadow .35s ease,background .35s ease}.project-card-3d.is-center-card{border-color:#f472b68c;box-shadow:0 32px 70px -14px #080518eb,0 0 38px #a855f747,0 0 18px #f472b62e,inset 0 1px #f5f3ff38}.project-card-3d:not(.is-center-card):hover{border-color:#c4b5fd7a}@media (max-width: 992px){.project-slider-viewport{--project-card-w: clamp(300px, 56vw, 380px)}}@media (max-width: 640px){.project-slider-viewport{--project-card-w: 84vw}.project-grid{gap:1.1rem}}.project-preview-frame{position:relative;width:100%;height:255px;border-radius:18px;overflow:hidden;background:#080518;border:1px solid rgba(196,181,253,.18);box-shadow:inset 0 0 24px #0805188c;flex-shrink:0}.project-preview-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.16,1,.3,1)}.project-card-3d:hover .project-preview-frame img{transform:scale(1.06)}.project-preview-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,5,24,.18) 0%,transparent 45%,rgba(8,5,24,.68) 100%);pointer-events:none}.project-corner-index{position:absolute;top:12px;left:12px;font-family:Courier New,Courier,monospace;font-size:.72rem;font-weight:700;letter-spacing:1.2px;color:#f5f3ff;background:#080518c2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(196,181,253,.3);padding:.25rem .6rem;border-radius:999px;z-index:2}.project-info{padding:1.15rem .45rem .15rem;display:flex;flex-direction:column;flex:1;position:relative;z-index:2}.project-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;margin-bottom:.85rem;border-bottom:1px solid rgba(168,85,247,.24)}.project-meta-category{display:inline-flex;align-items:center;gap:.45rem;font-family:Courier New,Courier,monospace;font-size:.72rem;font-weight:700;letter-spacing:1.2px;color:#c4b5fd;text-transform:uppercase}.project-meta-category .meta-dot{width:6px;height:6px;border-radius:50%;background:#f472b6;box-shadow:0 0 10px #f472b6;flex-shrink:0}.project-meta-year{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.72rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(8,5,24,.55);letter-spacing:.4px;padding:.22rem .68rem;border-radius:999px;background:linear-gradient(135deg,#6d28d9,#9333ea,#ec4899);border:1px solid rgba(245,243,255,.38);box-shadow:0 4px 12px #7c3aed73,inset 0 1px #ffffff47;flex-shrink:0}.project-meta-year i{font-size:.7rem;color:#f5f3ff}.project-info h3{font-size:1.38rem;font-family:var(--font-heading);font-weight:800;color:#f5f3ff;margin-bottom:.55rem;line-height:1.3;letter-spacing:-.01em}.project-info p{color:#c4b5fd;font-size:.9rem;line-height:1.62;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.1rem}.tags span{background:#a855f72e;border:1px solid rgba(196,181,253,.34);color:#f5f3ff;padding:.26rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;letter-spacing:.25px}.project-footer-row{margin-top:auto;padding-top:.9rem;border-top:1px solid rgba(196,181,253,.14);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.project-footer-row .project-tags-row{margin:0}.project-open-btn{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#8b5cf629;border:1px solid rgba(196,181,253,.34);color:#f5f3ff;font-size:.9rem;flex-shrink:0;transition:transform .28s cubic-bezier(.16,1,.3,1),background .28s ease,border-color .28s ease,box-shadow .28s ease}.project-card-3d.is-center-card .project-open-btn{background:var(--btn-primary-gradient);border-color:#f472b6a6;color:#fff;box-shadow:0 6px 18px #ec489961}.project-open-btn:hover{background:var(--btn-primary-gradient);border-color:#f5f3ffb8;color:#fff;transform:translate(3px) scale(1.06);box-shadow:0 8px 22px #ec489980}.project-slider-footer{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:.6rem}.project-slider-controls{display:inline-flex;align-items:center;gap:.75rem}.project-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(196,181,253,.48);background:linear-gradient(135deg,#2e1c62e6,#160e36f5);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #04020ea6,inset 0 1px #f5f3ff38;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.16,1,.3,1)}.project-nav-btn:hover:not(:disabled){background:var(--btn-primary-gradient);border-color:#f5f3ffa6;box-shadow:0 0 20px #f472b68c;transform:scale(1.08)}.project-nav-btn:disabled{opacity:.35;cursor:not-allowed}.project-slider-dots{display:flex;justify-content:center;align-items:center;gap:.55rem;padding:.55rem 1.15rem;background:#0e0929b8;border:1px solid rgba(168,85,247,.28);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-drag-hint{font-size:.78rem;color:#c4b5fd;opacity:.85;display:inline-flex;align-items:center;gap:.45rem;letter-spacing:.3px}.slider-drag-hint i{color:#f472b6;animation:dragPulse 2s ease-in-out infinite}@keyframes dragPulse{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.slider-dot{width:9px;height:9px;border-radius:999px;border:none;background:#c4b5fd47;cursor:pointer;padding:0;transition:all .35s cubic-bezier(.16,1,.3,1)}.slider-dot:hover{background:#f472b6b3;transform:scale(1.2)}.slider-dot.active{width:28px;background:linear-gradient(90deg,#a855f7,#f472b6);box-shadow:0 0 14px #f472b6a6}.portal-section,.exp-portal-section{position:relative;margin-top:1rem}.section-portal-track,.exp-zoom-scroll-track{position:relative;height:125vh;width:100%}.section-portal-sticky,.exp-zoom-sticky-stage{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;pointer-events:none}.topo-contour-bg{position:absolute;inset:0;opacity:.22;background-image:repeating-radial-gradient(circle at 20% 35%,transparent 0,transparent 28px,rgba(139,92,246,.22) 29px,transparent 30px),repeating-radial-gradient(circle at 80% 65%,transparent 0,transparent 34px,rgba(59,130,246,.18) 35px,transparent 36px);mask-image:radial-gradient(ellipse at center,black 35%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 80%)}.section-portal-text-wrap,.exp-zoom-text-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;will-change:opacity}.section-portal-giant-text,.exp-zoom-giant-text{font-family:var(--font-heading);font-size:clamp(2rem,6.2vw,4.8rem);font-weight:900;letter-spacing:clamp(1.5px,.45vw,6px);text-transform:uppercase;white-space:nowrap;line-height:1;background:linear-gradient(135deg,#f5f3ff,#c4b5fd 42%,#f472b6 78%,#a855f7);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 15px 45px rgba(8,5,24,.88)) drop-shadow(0 0 50px rgba(168,85,247,.55));animation:cosmicTextShimmer 8s linear infinite;transform-origin:center center;will-change:transform;-webkit-user-select:none;user-select:none}@keyframes cosmicTextShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.section-portal-content-wrap,.exp-revealed-container{position:relative;z-index:3;margin-top:-36vh;padding-top:1.5rem;transform-origin:top center;will-change:transform,opacity}.exp-journey-split{display:grid;grid-template-columns:minmax(275px,340px) 1fr;gap:1.35rem;align-items:stretch;max-width:1280px;margin:0 auto 2.5rem}.exp-edu-card{position:relative;box-sizing:border-box;height:100%;padding:1.35rem 1.4rem;border-radius:22px;background:#0e092985;border:1px solid rgba(168,85,247,.16);display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}.exp-edu-card>*{opacity:.62;transition:opacity .35s ease}.exp-edu-card:hover{background:#160e36c7;border-color:#f472b66b;box-shadow:0 14px 32px -10px #04020ebf,0 0 22px #a855f729;transform:translateY(-2px)}.exp-edu-card:hover>*{opacity:1}.exp-edu-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.75rem}.exp-edu-kicker{display:inline-flex;align-items:center;gap:.45rem;font-family:Courier New,Courier,monospace;font-size:.72rem;font-weight:700;letter-spacing:1.4px;color:#f472b6;text-transform:uppercase}.exp-edu-school-row{display:flex;align-items:center;gap:.7rem;margin:0 0 .35rem}.exp-edu-logo{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff;padding:3px;border:1px solid rgba(255,255,255,.28);box-shadow:0 4px 12px #08051873;flex-shrink:0}.exp-edu-school{font-family:var(--font-heading);font-size:1.12rem;font-weight:800;color:#f5f3ff;line-height:1.28;margin:0}.exp-edu-degree{font-size:.88rem;font-weight:600;color:#c4b5fd;line-height:1.42;margin:0}.exp-edu-divider{height:1px;background:linear-gradient(90deg,rgba(196,181,253,.22),transparent);margin:.85rem 0 .75rem}.exp-edu-course-label{font-family:Courier New,Courier,monospace;font-size:.66rem;font-weight:700;letter-spacing:1.2px;color:#a78bfa;margin-bottom:.55rem}.exp-edu-course-list{display:flex;flex-wrap:wrap;gap:.38rem}.exp-edu-course-chip{font-size:.71rem;font-weight:500;color:#e9d5ff;background:#8b5cf624;border:1px solid rgba(196,181,253,.24);border-radius:999px;padding:.24rem .6rem;line-height:1.3}.exp-timeline-wrap{position:relative;box-sizing:border-box;width:100%;height:100%;margin:0;padding:1.35rem 1.55rem;display:flex;flex-direction:column;justify-content:center;border-radius:22px;background:radial-gradient(ellipse at 70% 30%,#160e3673,#080518b8);border:1px solid rgba(168,85,247,.18);overflow:visible}.exp-timeline-topo{position:absolute;inset:0;opacity:.25;background-image:repeating-radial-gradient(circle at 82% 28%,transparent 0,transparent 32px,rgba(196,181,253,.14) 33px,transparent 34px),repeating-radial-gradient(circle at 18% 78%,transparent 0,transparent 38px,rgba(168,85,247,.12) 39px,transparent 40px);pointer-events:none;z-index:0}.exp-simple-heading{position:relative;z-index:1;font-family:var(--font-heading);font-size:clamp(1.3rem,2.1vw,1.6rem);font-weight:800;color:#f5f3ff;text-align:left;margin:0 0 1.25rem;letter-spacing:-.02em}.exp-timeline-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem}.exp-timeline-item{display:grid;grid-template-columns:34px 1fr;column-gap:.85rem;align-items:start;position:relative;padding:.95rem 1.1rem;border-radius:16px;background:#0e092985;border:1px solid rgba(168,85,247,.16);cursor:pointer;outline:none;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}.exp-timeline-item.is-active{background:#160e36c7;border-color:#f472b66b;box-shadow:0 14px 32px -10px #04020ebf,0 0 22px #a855f729;transform:translateY(-2px)}.exp-timeline-item:hover{z-index:25;background:#180f3af5;border-color:#f472b6a6;box-shadow:0 22px 48px -8px #04020ee6,0 0 32px #a855f74d;transform:translateY(-4px) scale(1.07)}.exp-timeline-item:hover .exp-timeline-top{flex-wrap:wrap;row-gap:.35rem}.exp-timeline-item:hover .exp-company-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}.exp-timeline-rail{display:flex;flex-direction:column;align-items:center;position:relative;height:100%}.exp-timeline-node{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.78rem;font-weight:800;background:#0e0929d9;border:1.5px solid rgba(196,181,253,.2);color:#c4b5fd7a;transition:all .4s cubic-bezier(.16,1,.3,1);flex-shrink:0;z-index:2}.exp-timeline-line{width:1.5px;flex:1;min-height:24px;margin-top:6px;background:linear-gradient(180deg,rgba(196,181,253,.22) 0%,transparent 100%);transition:background .4s ease}.exp-timeline-item.is-active .exp-timeline-node{background:#f5f3ff;color:#080518;border-color:#f5f3ff;box-shadow:0 0 0 4px #f5f3ff1f,0 0 18px #f5f3ffbf,0 0 32px #f472b673;transform:scale(1.05)}.exp-timeline-item.is-active .exp-timeline-line{background:linear-gradient(180deg,rgba(245,243,255,.55) 0%,transparent 100%)}.exp-timeline-body{padding-bottom:0;opacity:.62;min-width:0;transition:opacity .35s ease}.exp-timeline-item.is-active .exp-timeline-body,.exp-timeline-item:hover .exp-timeline-body{opacity:1}.exp-timeline-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:30px}.exp-company-group{display:flex;align-items:center;gap:.55rem;min-width:0}.exp-company-logo{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;position:relative;transition:transform .35s ease,box-shadow .35s ease}.exp-company-logo.logo-light{background:#f5f3ff;color:#7c3aed;border:1px solid rgba(245,243,255,.9);box-shadow:0 4px 12px #08051873}.exp-company-logo.logo-light i{background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.exp-company-logo.logo-cosmic{background:linear-gradient(145deg,#1c1144f2,#0c0822fa);border:1px solid rgba(168,85,247,.42);color:#f472b6;box-shadow:0 4px 12px #08051880}.exp-company-logo.exp-company-logo-img{width:30px;height:30px;border-radius:8px;background:#fff;border:1px solid rgba(255,255,255,.28);padding:2px;overflow:hidden;box-shadow:0 4px 12px #08051873}.exp-company-logo.exp-company-logo-img img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px}.exp-timeline-item.is-active .exp-company-logo{box-shadow:0 6px 16px #08051899,0 0 14px #a855f752}.exp-company-name{font-family:var(--font-heading);font-size:.88rem;font-weight:700;color:#f5f3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exp-period-pill{font-family:var(--font-body);font-size:.68rem;font-weight:600;color:#c4b5fd;background:#0e0929b8;border:1px solid rgba(196,181,253,.2);padding:.16rem .62rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.exp-timeline-item.is-active .exp-period-pill{color:#f5f3ff;border-color:#c4b5fd61}.exp-role-title{font-family:var(--font-heading);font-size:.96rem;font-weight:800;color:#f5f3ff;margin:.32rem 0 .3rem;line-height:1.3;letter-spacing:-.01em}.exp-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.42rem;font-size:.75rem;color:#c4b5fd}.exp-meta-location{color:#c4b5fdd1;font-weight:500}.exp-meta-dot{color:#c4b5fd73}.exp-type-badge{display:inline-flex;align-items:center;padding:.12rem .52rem;border-radius:6px;background:#160e36ad;border:1px solid rgba(196,181,253,.22);color:#f5f3ff;font-size:.7rem;font-weight:600}@media (max-width: 1024px){.exp-journey-split{grid-template-columns:1fr}}@media (max-width: 820px){.exp-timeline-list{grid-template-columns:1fr}}@media (max-width: 640px){.exp-timeline-wrap{padding:1.15rem 1rem}.exp-timeline-top{flex-wrap:wrap;gap:.35rem}.exp-company-name{white-space:normal}}.exp-gallery-track{position:relative;height:235vh;margin-top:3.5rem;width:100vw;margin-left:calc(50% - 50vw)}.exp-gallery-sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1}.exp-gallery-sticky:before{content:"";position:absolute;inset:0;opacity:.28;background-image:repeating-radial-gradient(circle at 18% 28%,transparent 0,transparent 36px,rgba(196,181,253,.16) 37px,transparent 38px),repeating-radial-gradient(circle at 82% 72%,transparent 0,transparent 42px,rgba(168,85,247,.14) 43px,transparent 44px);pointer-events:none;z-index:0}.exp-gallery-glow{position:absolute;inset:18% 14% 10%;background:radial-gradient(ellipse at center,rgba(168,85,247,.2) 0%,rgba(244,114,182,.09) 45%,transparent 74%);filter:blur(54px);pointer-events:none;z-index:0}.exp-gallery-grid{position:relative;width:min(1280px,96vw);height:100%;display:block;z-index:1}.collage-photo-card{position:absolute;left:50%;top:62%;width:var(--card-w, 235px);height:var(--card-h, 295px);margin-left:calc(var(--card-w, 235px) / -2);margin-top:calc(var(--card-h, 295px) / -2);border-radius:20px;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;will-change:transform,opacity;transition:filter .35s ease}.collage-photo-card:hover{z-index:80!important}.collage-photo-inner{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:#0e0929;border:1.5px solid rgba(196,181,253,.28);box-shadow:0 22px 48px -10px #04020ed6,0 0 24px #a855f72e,inset 0 1px #f5f3ff29;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .3s ease}.collage-photo-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,5,24,.48) 100%);pointer-events:none}.collage-photo-inner img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform .65s cubic-bezier(.16,1,.3,1)}.collage-photo-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(245,243,255,.26) 50%,transparent 62%);transform:translate(-120%);transition:transform .85s ease;pointer-events:none;z-index:2}.collage-photo-card:hover .collage-photo-inner{transform:scale(1.06) translateY(-4px);border-color:#f472b6d9;box-shadow:0 28px 60px #04020ee6,0 0 32px #f472b66b,0 0 18px #a855f77a}.collage-photo-card:hover .collage-photo-inner img{transform:scale(1.1)}.collage-photo-card:hover .collage-photo-shine{transform:translate(120%)}@media (max-width: 767px){.exp-gallery-track{height:200vh;margin-top:2rem}}#certifications h2 i{background:var(--galaxy-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-right:.4rem}.cert-folders-stage{position:relative;padding:1.5rem 0 1rem}.cert-topo-bg{opacity:.42;pointer-events:none}.cert-horizontal-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1.65rem;max-width:1060px;margin:0 auto;align-items:stretch}@media (max-width: 980px){.cert-horizontal-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.cert-horizontal-grid{grid-template-columns:1fr;max-width:380px}}.cert-folder-wrap{position:relative;display:block;text-decoration:none;color:inherit;perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none}.cert-glass-folder{position:relative;width:100%;height:248px;padding-top:22px;box-sizing:border-box;outline:none;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.16,1,.3,1)}.cert-folder-wrap:hover .cert-glass-folder{transform:translateY(-5px)}.folder-back-flap{position:absolute;inset:16px 0 0;z-index:1;pointer-events:none;filter:drop-shadow(0 20px 36px rgba(4,2,14,.85)) drop-shadow(0 0 24px rgba(168,85,247,.12));transition:filter .45s ease,transform .45s cubic-bezier(.16,1,.3,1)}.cert-folder-wrap:hover .folder-back-flap{filter:drop-shadow(0 26px 46px rgba(4,2,14,.92)) drop-shadow(0 0 36px rgba(168,85,247,.3))}.folder-back-svg{width:100%;height:100%;display:block}.folder-sheets-stack{position:absolute;left:6.5%;right:6.5%;bottom:18px;height:222px;z-index:2;overflow:visible;clip-path:inset(-280px -40px 0px -40px round 0 0 14px 14px);border-radius:0 0 14px 14px;pointer-events:none}.folder-sheet{position:absolute;bottom:0;height:162px;border-radius:11px;overflow:hidden;background:#140e2c;box-shadow:0 -6px 20px #04020ea6,0 0 0 1px #f5f3ff38;transform-origin:center bottom;transition:box-shadow .35s ease,filter .35s ease;will-change:transform,opacity}.cert-folder-wrap.is-filed .folder-sheet{transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .4s ease,filter .4s ease,box-shadow .4s ease}.folder-sheet.sheet-back{left:2%;right:11%;z-index:1;transform:translate3d(calc(var(--drop-1, 0) * -28px),calc(20px + var(--drop-1, 0) * -230px),0) rotate(calc(var(--drop-1, 0) * -8deg)) scale(calc(.95 + var(--drop-1, 0) * .08));opacity:calc(.62 + (1 - var(--drop-1, 0)) * 0 + var(--drop-1-vis, 0) * .38);filter:brightness(calc(.75 + var(--drop-1, 0) * .25))}.folder-sheet.sheet-mid{left:5.5%;right:6.5%;z-index:2;transform:translate3d(calc(var(--drop-2, 0) * 8px),calc(24px + var(--drop-2, 0) * -220px),0) rotate(calc(var(--drop-2, 0) * 4.5deg)) scale(calc(.975 + var(--drop-2, 0) * .07));opacity:calc(.74 + var(--drop-2-vis, 0) * .26);filter:brightness(calc(.82 + var(--drop-2, 0) * .2))}.folder-sheet.sheet-front{left:9%;right:2%;z-index:3;transform:translate3d(calc(var(--drop-3, 0) * 26px),calc(28px + var(--drop-3, 0) * -210px),0) rotate(calc(var(--drop-3, 0) * 7.5deg)) scale(calc(1 + var(--drop-3, 0) * .06));opacity:calc(.86 + var(--drop-3-vis, 0) * .14);filter:brightness(calc(.88 + var(--drop-3, 0) * .14))}.cert-folder-wrap:hover .folder-sheet.sheet-back,.cert-folder-wrap:focus-within .folder-sheet.sheet-back,.cert-folder-wrap.is-open .folder-sheet.sheet-back{transform:translate3d(-4px,-30px,0) rotate(-1.4deg) scale(.975);opacity:.96;filter:brightness(1);box-shadow:0 10px 24px #04020eb8,0 0 0 1px #fef3c773}.cert-folder-wrap:hover .folder-sheet.sheet-mid,.cert-folder-wrap:focus-within .folder-sheet.sheet-mid,.cert-folder-wrap.is-open .folder-sheet.sheet-mid{transform:translate3d(0,-17px,0) rotate(-.3deg) scale(.99);opacity:.98;filter:brightness(1.02);box-shadow:0 12px 26px #04020ec7,0 0 0 1px #c4b5fd8c}.cert-folder-wrap:hover .folder-sheet.sheet-front,.cert-folder-wrap:focus-within .folder-sheet.sheet-front,.cert-folder-wrap.is-open .folder-sheet.sheet-front{transform:translate3d(5px,-4px,0) rotate(.7deg) scale(1.01);opacity:1;filter:brightness(1.05);box-shadow:0 14px 32px #04020ee0,0 0 0 1.5px #f5f3ffa6}.sheet-top-bar{height:22px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:.58rem;font-weight:700;letter-spacing:.05em}.sheet-bar-warm{background:linear-gradient(90deg,#fef3c7,#fde68a 55%,#fcd34d);color:#451a03}.sheet-seal-dot{width:8px;height:8px;border-radius:50%;background:#d97706;box-shadow:12px 0 #2563eb}.sheet-seal-emblem{color:#b45309;font-size:.68rem}.sheet-bar-accent{background:linear-gradient(90deg,#f5f3ff,#ddd6fe,#c4b5fd);color:#2e1065;border-bottom:2px solid #7C3AED}.sheet-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72%}.sheet-bar-date{opacity:.75;font-size:.55rem}.sheet-img-box{width:100%;height:calc(100% - 22px);overflow:hidden;background:#0e0929}.sheet-img-box img{width:100%;height:100%;object-fit:cover;display:block}.sheet-cert-frame{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;border:3px solid rgba(245,243,255,.88);box-sizing:border-box;background:#0e0929}.sheet-cert-frame img{width:100%;height:100%;object-fit:cover;display:block}.sheet-cert-ribbon{position:absolute;top:0;right:14px;width:48px;padding:6px 4px 12px;background:linear-gradient(180deg,#1e1b4b,#311042);border-left:1px solid rgba(245,243,255,.35);border-right:1px solid rgba(245,243,255,.35);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2;box-shadow:0 6px 14px #0000008c}.ribbon-title{font-size:.38rem;font-weight:800;letter-spacing:.06em;color:#f5f3ff}.ribbon-sub{font-size:.34rem;font-weight:700;color:#f472b6}.ribbon-medal{margin-top:2px;width:18px;height:18px;border-radius:50%;background:#f472b638;border:1px solid rgba(245,243,255,.5);display:flex;align-items:center;justify-content:center;font-size:.52rem;color:#f5f3ff}.folder-front-pocket{position:absolute;left:0;right:0;bottom:0;height:182px;z-index:3;transform-origin:center bottom;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .45s ease;will-change:transform}.cert-folder-wrap:hover .folder-front-pocket,.cert-folder-wrap:focus-within .folder-front-pocket,.cert-folder-wrap.is-open .folder-front-pocket{transform:perspective(900px) rotateX(-13deg) translateY(2px) scaleY(.985)}.folder-front-glass{position:absolute;inset:0;clip-path:url(#certPocketClip);-webkit-clip-path:url(#certPocketClip);background:linear-gradient(165deg,#261b4a9e,#140d2ca8 46%,#0a0618db);backdrop-filter:blur(7px) saturate(135%);-webkit-backdrop-filter:blur(7px) saturate(135%);transition:background .4s ease}.cert-folder-wrap:hover .folder-front-glass{background:linear-gradient(165deg,#2e20588f,#160e329e 48%,#0a061ad6)}.folder-front-svg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:2}.folder-pocket-footer{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 1.2rem 1.1rem 1.35rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.folder-pocket-meta{flex:1;min-width:0;text-shadow:0 4px 16px rgba(8,5,24,.9)}.folder-count-row{display:flex;align-items:baseline;gap:.55rem;margin-bottom:.1rem}.folder-big-num{font-family:var(--font-body);font-size:1.95rem;font-weight:800;line-height:1;color:#f5f3ff;letter-spacing:-.03em}.folder-cred-pill{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.14rem .52rem;border-radius:999px;color:#f5f3ff;background:#f472b638;border:1px solid rgba(244,114,182,.48);display:inline-flex;align-items:center;gap:.3rem}.folder-cert-title{font-family:var(--font-body);font-size:.95rem;font-weight:700;color:#f5f3ff;margin:0 0 .12rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.folder-cert-issuer{font-size:.72rem;font-weight:500;color:var(--text-gray);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-dots-btn{flex-shrink:0;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#2c224ec7,#16102ce6);border:1px solid rgba(245,243,255,.18);box-shadow:0 10px 24px #04020ea6,inset 0 1px #f5f3ff38;display:inline-flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.folder-dots-btn .dot-ring{width:6px;height:6px;border-radius:50%;border:1.5px solid #F5F3FF;background:transparent;transition:border-color .25s ease,transform .25s ease}.cert-folder-wrap:hover .folder-dots-btn,.folder-dots-btn:hover{border-color:#f472b6a6;background:linear-gradient(145deg,#402a6ce0,#201440f2);box-shadow:0 12px 28px #04020ecc,0 0 18px #f472b659,inset 0 1px #f5f3ff59;transform:translateY(-2px)}.cert-folder-wrap:hover .folder-dots-btn .dot-ring{border-color:#f472b6}.cert-vault-topbar{position:sticky;top:0;z-index:1000;padding:1rem 2rem;background:#080518d1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--color-30-border)}.cert-vault-topbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cert-vault-back-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1.15rem;border-radius:999px;background:var(--color-30-surface);border:1px solid var(--color-30-border);color:var(--text-primary);font-size:.88rem;font-weight:600;text-decoration:none;transition:all .3s ease}.cert-vault-back-btn:hover{border-color:var(--accent-pink);background:var(--color-30-surface-hover);box-shadow:0 0 20px #f472b647;transform:translate(-3px)}.cert-vault-page{position:relative;min-height:calc(100vh - 74px);overflow:hidden}.cert-vault-topo{opacity:.35}.cert-vault-container{position:relative;z-index:2;padding-top:2.2rem;padding-bottom:1.5rem}.cert-vault-hero{text-align:center;max-width:1040px;margin:0 auto 1.4rem}.cert-vault-hero-icon{width:52px;height:52px;margin:0 auto .85rem;border-radius:16px;background:linear-gradient(135deg,#a855f73d,#f472b638);border:1px solid rgba(196,181,253,.4);box-shadow:0 14px 32px #080518b3,0 0 28px #a855f752;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:var(--accent-pink)}.cert-vault-heading{font-family:var(--font-heading);font-size:clamp(1.75rem,3.6vw,2.55rem);line-height:1.18;margin:.35rem 0 .65rem;background:var(--galaxy-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cert-vault-subtitle{color:var(--text-gray);font-size:.9rem;max-width:620px;margin:0 auto 1.45rem}.cert-vault-tabs{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.65rem;width:max-content;max-width:100%;margin:0 auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.35rem .5rem}.cert-vault-tabs::-webkit-scrollbar{display:none}@media (max-width: 860px){.cert-vault-tabs{width:100%;justify-content:flex-start;padding-left:1rem;padding-right:1rem}}.cert-vault-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.52rem 1.15rem;border-radius:999px;background:var(--color-30-surface);border:1px solid var(--color-30-border);color:var(--text-gray);font-size:.84rem;font-weight:600;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .3s ease}.cert-vault-tab:hover{color:var(--text-primary);border-color:var(--color-30-border-hover);transform:translateY(-2px)}.cert-vault-tab.active{background:var(--btn-primary-gradient);border-color:#f5f3ff8c;color:#fff;text-shadow:0 1px 6px rgba(8,5,24,.5);box-shadow:0 8px 24px #7c3aed80}.vault-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#0805188c;color:var(--text-primary);font-size:.72rem;font-weight:700}.cert-showcase-stage{position:relative;z-index:2;max-width:1420px;margin:.5rem auto 1rem;padding:0 3rem;display:flex;align-items:center}.cert-showcase-track{display:flex;flex-wrap:nowrap;gap:1.35rem;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;padding:1rem .5rem 1.8rem;width:100%;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.cert-showcase-track::-webkit-scrollbar{display:none}.cert-showcase-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.cert-frame-card{flex:0 0 calc((100% - 2 * 1.35rem) / 3);min-width:275px;scroll-snap-align:start;position:relative;padding:14px;border-radius:20px;background:linear-gradient(145deg,#22164ee0,#120c2ef2);border:1.5px solid rgba(196,181,253,.32);box-shadow:0 24px 55px -12px #04020ed9,inset 0 1px #f5f3ff38;cursor:pointer;outline:none;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease}.cert-showcase-stage.has-few-certs .cert-showcase-track{justify-content:center;gap:1.6rem}.cert-showcase-stage.has-few-certs .cert-frame-card{flex:0 0 clamp(320px,36vw,440px)}@media (min-width: 900px){.cert-showcase-stage.has-few-certs .cert-slider-arrow{display:none}}@media (max-width: 1100px){.cert-frame-card{flex:0 0 calc((100% - 1.2rem)/2);min-width:280px}}@media (max-width: 768px){.cert-showcase-stage{padding:0 1.25rem}.cert-frame-card{flex:0 0 86%;min-width:260px}}.cert-frame-card:hover,.cert-frame-card:focus-visible{transform:translateY(-4px);border-color:#f472b6a6;box-shadow:0 28px 65px -10px #04020eeb,0 0 32px #a855f752}.cert-frame-canvas{position:relative;width:100%;aspect-ratio:16 / 11.2;border-radius:12px;overflow:hidden;background:#080518;border:1px solid rgba(196,181,253,.18)}.cert-frame-canvas img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .35s ease}.cert-frame-card:hover .cert-frame-canvas img,.cert-frame-card:focus-visible .cert-frame-canvas img{transform:scale(1.02);filter:brightness(.72)}.cert-frame-hover-overlay{position:absolute;inset:0;background:#0805186b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .32s ease;z-index:2}.cert-frame-card:hover .cert-frame-hover-overlay,.cert-frame-card:focus-visible .cert-frame-hover-overlay{opacity:1}.cert-view-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.72rem 1.45rem;border-radius:14px;background:linear-gradient(135deg,#a855f7,#ec4899);border:1px solid rgba(245,243,255,.35);color:#f5f3ff;font-family:var(--font-body);font-size:.92rem;font-weight:700;letter-spacing:.2px;box-shadow:0 14px 32px #080518bf,0 0 24px #f472b68c;transform:translateY(8px) scale(.95);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.cert-frame-card:hover .cert-view-pill,.cert-frame-card:focus-visible .cert-view-pill{transform:translateY(0) scale(1)}.cert-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(245,243,255,.32);background:linear-gradient(135deg,#a855f7,#ec4899);color:#f5f3ff;font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 12px 28px #04020ec7,0 0 20px #a855f77a;transition:all .3s cubic-bezier(.16,1,.3,1)}.cert-arrow-prev{left:.85rem}.cert-arrow-next{right:.85rem}.cert-slider-arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.1);box-shadow:0 14px 32px #04020ee0,0 0 28px #f472b6bf}.cert-slider-arrow:disabled{opacity:.35;cursor:not-allowed;background:#160e36c7;box-shadow:none}.cert-vault-bottom-nav{text-align:center;margin-top:1.2rem;padding-bottom:2.5rem}.cert-lightbox-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.cert-lightbox-modal.active{opacity:1;visibility:visible}.cert-lightbox-backdrop{position:absolute;inset:0;background:#060612d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cert-lightbox-content{position:relative;z-index:1;max-width:860px;width:100%;background:linear-gradient(145deg,#1d1d3bf2,#0c0c1efa);border:1px solid rgba(139,92,246,.45);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px #000000bf,0 0 40px #8b5cf64d;transform:scale(.92) translateY(20px);transition:transform .35s cubic-bezier(.16,1,.3,1)}.cert-lightbox-modal.active .cert-lightbox-content{transform:scale(1) translateY(0)}.cert-lightbox-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0a0a1ad9;border-bottom:1px solid rgba(255,255,255,.08)}.cert-lightbox-meta h4{font-family:var(--font-heading);font-size:1.05rem;color:#fff;margin-bottom:.15rem}.cert-lightbox-meta span{font-size:.8rem;color:#c4b5fd}.cert-lightbox-close{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.cert-lightbox-close:hover{background:#ef4444;border-color:#ef4444}.cert-lightbox-img-wrap{padding:1.25rem;max-height:75vh;overflow:auto;display:flex;justify-content:center;align-items:center;background:#080816}.cert-lightbox-img-wrap img{max-width:100%;max-height:68vh;object-fit:contain;border-radius:12px;border:1px solid rgba(139,92,246,.3)}.blur-reveal{filter:blur(6px);opacity:0;transform:translate3d(0,28px,0) scale(.97);transition:filter .65s cubic-bezier(.16,1,.3,1),opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--card-index, 0) * .08s);will-change:opacity,transform}.blur-reveal.revealed{filter:blur(0px);opacity:1;transform:translateZ(0) scale(1)}@media (max-width: 768px){.blur-reveal{filter:none;transform:translate3d(0,22px,0) scale(.98);transition:opacity .5s ease,transform .55s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--card-index, 0) * .05s)}.blur-reveal.revealed{filter:none;transform:translateZ(0) scale(1)}}@media (prefers-reduced-motion: reduce){.blur-reveal{filter:none!important;opacity:1!important;transform:none!important;transition:none!important}}#tech-stack{position:relative}#tech-stack h2{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:.75rem}#tech-stack h2 i{background:var(--galaxy-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.2rem;margin-right:.5rem}.tech-subtitle{text-align:center;color:var(--text-gray);font-size:1.15rem;margin-bottom:3.5rem;letter-spacing:.3px}.tech-slider-viewport{position:relative;max-width:1180px;margin:0 auto}.tech-categories-grid{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:.4rem .25rem 1.25rem;cursor:grab;-webkit-user-select:none;user-select:none}.tech-categories-grid::-webkit-scrollbar{display:none}.tech-categories-grid.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.tech-slider-footer{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:.75rem}.tech-category-card{flex:0 0 clamp(320px,46%,500px);scroll-snap-align:start;position:relative;background:linear-gradient(155deg,#22164ac7,#0c081eeb);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-radius:24px;padding:1.85rem 1.8rem;border:1px solid rgba(196,181,253,.22);box-shadow:0 20px 45px -10px #04020eb8,0 0 30px #a855f71a,inset 0 1px #ffffff29;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.tech-category-card{flex:0 0 88%;padding:1.45rem 1.3rem}}.tech-category-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.75),rgba(244,114,182,.85),transparent);pointer-events:none}.tech-category-card:after{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(244,114,182,.12) 0%,transparent 70%);pointer-events:none}.tech-category-card:hover{transform:translateY(-4px);border-color:#f472b66b;box-shadow:0 24px 50px -12px #04020ed9,0 0 35px #a855f738,inset 0 1px #ffffff38}.category-header{display:flex;align-items:center;gap:.95rem;margin-bottom:1.35rem;padding-bottom:1.05rem;border-bottom:1px solid rgba(196,181,253,.14)}.category-icon-box{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#a855f742,#f472b633);border:1px solid rgba(196,181,253,.38);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#f5f3ff;box-shadow:0 8px 20px #a855f73d,inset 0 1px #ffffff38;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}.tech-category-card:hover .category-icon-box{transform:scale(1.08) rotate(3deg);box-shadow:0 0 26px #f472b673}.category-title-wrap{flex:1;min-width:0;display:flex;align-items:center}.category-title-wrap h3{font-family:var(--font-heading);font-size:1.12rem;line-height:1.25;font-weight:700;background:linear-gradient(90deg,#fff,#ddd6fe 70%,#fbcfe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:.5px}.tech-item-list{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.tech-item{background:linear-gradient(135deg,#ffffff0b,#a855f714);border-radius:12px;padding:.62rem 1.05rem;display:inline-flex;align-items:center;gap:.65rem;border:1px solid rgba(196,181,253,.16);box-shadow:inset 0 1px #ffffff0f;transition:all .28s cubic-bezier(.16,1,.3,1);cursor:default}.tech-item:hover{transform:translateY(-3px);border-color:#f472b68c;box-shadow:0 10px 22px -4px #a855f761;background:linear-gradient(135deg,#2e1e5ed9,#1c103ef2)}.tech-item i{font-size:1.2rem;color:var(--text-gray);transition:color .3s ease,transform .3s ease}.tech-item:hover i{transform:scale(1.15)}.tech-item span{font-weight:500;font-size:.9rem;color:#f5f3ff;letter-spacing:.2px}.tech-item.python-hover:hover i{color:#3776ab}.tech-item.php-hover:hover i{color:#777bb4}.tech-item.laravel-hover:hover i{color:#ff2d20}.tech-item.js-hover:hover i{color:#f7df1e}.tech-item.dart-hover:hover i{color:#0175c2}.tech-item.flutter-hover:hover i{color:#02569b}.tech-item.java-hover:hover i{color:#007396}.tech-item.mysql-hover:hover i{color:#4479a1}.tech-item.postman-hover:hover i{color:#ff6c37}.tech-item.figma-hover:hover i{color:#f24e1e}.tech-item.canva-hover:hover i{color:#00c4cc}.tech-item.bootstrap-hover:hover i{color:#7952b3}.tech-item.html-hover:hover i{color:#e34f26}.tech-item.css-hover:hover i{color:#1572b6}.tech-item.nodejs-hover:hover i{color:#393}.tech-item.mongodb-hover:hover i{color:#47a248}.tech-item.pandas-hover:hover i{color:#130654}.tech-item.matplotlib-hover:hover i{color:#8b5cf6}.tech-item.spss-hover:hover i{color:#3b82f6}.tech-item.spreadsheet-hover:hover i{color:#217346}.tech-item.git-hover:hover i{color:#f05032}.tech-item.github-hover:hover i{color:#fff}.tech-item.react-hover:hover i{color:#61dafb}.tech-item.tailwind-hover:hover i{color:#06b6d4}.tech-item.vercel-hover:hover i{color:#fff}.tech-item.docker-hover:hover i{color:#2496ed}.tech-item.vscode-hover:hover i{color:#007acc}.tech-item.npm-hover:hover i{color:#cb3837}.tech-item.typescript-hover:hover i{color:#3178c6}.tech-item.nextjs-hover:hover i{color:#fff}.tech-item.mui-hover:hover i{color:#007fff}.tech-item.fastapi-hover:hover i{color:#009688}.tech-item.api-hover:hover i{color:#ff6c37}.tech-item.postgres-hover:hover i{color:#4169e1}.tech-item.actions-hover:hover i{color:#2088ff}.tech-item.ghcr-hover:hover i{color:#fff}.tech-item.vps-hover:hover i{color:#3b82f6}.tech-item.betterstack-hover:hover i{color:#2563eb}.tech-item.posthog-hover:hover i{color:#f54e00}.tech-item.semgrep-hover:hover i{color:#10b981}.tech-item.gitleaks-hover:hover i{color:#ec4899}.tech-item.flows-hover:hover i{color:#8b5cf6}.tech-item.proto-hover:hover i{color:#ec4899}.tech-item.responsive-hover:hover i{color:#38bdf8}#contact{text-align:center;padding-top:2.5rem;padding-bottom:1.5rem}.contact-portal-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#1d1d3bc7,#0c0c20eb);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:4rem 2.5rem;border:1px solid rgba(139,92,246,.3);box-shadow:0 25px 60px #0000008c,inset 0 1px #ffffff1f}.contact-portal-card:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#60A5FA,#8B5CF6,#EC4899,transparent)}.portal-glow{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;z-index:0}.portal-glow-1{top:-80px;left:-60px;background:#8b5cf6}.portal-glow-2{bottom:-80px;right:-60px;background:#ec4899}.contact-portal-card h2{position:relative;z-index:1;margin-bottom:1rem;font-size:clamp(2rem,4.5vw,3.2rem)}.contact-desc{position:relative;z-index:1;color:var(--text-gray);font-size:1.1rem;max-width:560px;margin:0 auto 2.8rem}.contact-links{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:820px;margin:0 auto}@media (max-width: 680px){.contact-links{grid-template-columns:1fr}}#contact .contact-card-item{position:relative;background:#0d0d23c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(139,92,246,.28);border-radius:20px;padding:1.1rem 1.35rem;display:flex;align-items:center;gap:1.05rem;color:var(--text-light);text-decoration:none;text-align:left;box-shadow:0 14px 32px #00000073,inset 0 1px #ffffff14;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease;transform-style:preserve-3d;overflow:hidden}.contact-card-item:hover{border-color:#8b5cf6bf;box-shadow:0 20px 42px #8b5cf652}.contact-brand-box{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.55rem;color:#fff;flex-shrink:0;box-shadow:0 8px 20px #00000059;transition:transform .35s cubic-bezier(.16,1,.3,1);transform:translateZ(18px)}.contact-card-item:hover .contact-brand-box{transform:translateZ(26px) scale(1.07)}#contact .section-portal-content-wrap{max-width:1320px}#contact .contact-section-header{margin-bottom:2.2rem}.contact-dual-layout{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,.86fr);gap:1.5rem;align-items:stretch}.contact-dual-layout .contact-portal-card{padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.contact-dual-layout .contact-portal-card .section-kicker{align-self:flex-start;margin-bottom:.7rem}.contact-dual-layout .contact-portal-card h2{text-align:left;font-size:clamp(1.75rem,2.8vw,2.35rem);line-height:1.15;margin:0 0 .55rem}.contact-dual-layout .contact-portal-card .contact-desc{text-align:left;margin:0 0 1.35rem;max-width:none;font-size:.94rem;line-height:1.5;min-height:2.85rem}.contact-dual-layout .contact-links{max-width:none;width:100%;margin:0 0 1.15rem;gap:.95rem}.contact-availability-card{position:relative;z-index:1;margin-top:auto;padding:.95rem 1.25rem;border-radius:16px;background:linear-gradient(135deg,#a855f724,#160e36a6 55%,#ec48991a);border:1px solid rgba(196,181,253,.28);box-shadow:inset 0 1px #ffffff14;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.25rem;overflow:hidden}.availability-bg-watermark{position:absolute;right:1.15rem;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.85rem;opacity:.32;pointer-events:none;-webkit-user-select:none;user-select:none}.availability-bg-watermark span{font-family:Caveat,cursive;font-size:1.35rem;font-weight:700;letter-spacing:.03em;text-transform:none;white-space:nowrap;line-height:1.05;background:linear-gradient(90deg,#e9d5ff,#c4b5fd 45%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.availability-info-col{position:relative;z-index:2;display:flex;flex-direction:column;gap:.55rem;min-width:0}.availability-live-row{display:flex;align-items:center}.availability-live-text{font-size:.88rem;font-weight:600;color:#f5f3ff;line-height:1.35}.availability-meta-pills{display:flex;flex-wrap:wrap;gap:.55rem}.availability-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .72rem;border-radius:999px;background:#080518b8;border:1px solid rgba(168,85,247,.38);font-size:.76rem;font-weight:600;color:#c4b5fd}.availability-pill i{color:#f472b6;font-size:.74rem}.contact-dual-layout #contact .contact-card-item,.contact-dual-layout .contact-card-item{padding:.95rem 1.15rem}.contact-discussion-form{position:relative;z-index:1;display:flex;flex-direction:column;gap:.8rem;margin-top:auto}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.contact-field{display:flex;flex-direction:column;gap:.35rem}.contact-field label{font-size:.8rem;font-weight:600;color:#c4b5fd;letter-spacing:.3px}.contact-input-wrap{position:relative;display:flex;align-items:center}.contact-input-wrap i{position:absolute;left:.9rem;color:#a855f7;font-size:.88rem;pointer-events:none;transition:color .25s ease}.contact-textarea-wrap i{top:.85rem}.contact-input-wrap input,.contact-input-wrap textarea{width:100%;padding:.68rem .9rem .68rem 2.4rem;border-radius:12px;background:#080518b8;border:1px solid rgba(168,85,247,.32);color:#f5f3ff;font-family:var(--font-body);font-size:.88rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.contact-input-wrap textarea{resize:vertical;min-height:82px;max-height:120px}.contact-input-wrap input::placeholder,.contact-input-wrap textarea::placeholder{color:#c4b5fd73}.contact-input-wrap input:focus,.contact-input-wrap textarea:focus{border-color:#f472b6;background:#0e0929e6;box-shadow:0 0 0 3px #f472b62e,0 8px 20px #0805188c}.contact-input-wrap:focus-within i{color:#f472b6}.contact-submit-btn{width:100%;justify-content:center;padding:.78rem 1.4rem;margin-top:.15rem;cursor:pointer;font-size:.92rem}.contact-submit-btn:disabled{opacity:.65;cursor:wait}.contact-form-status{display:none;padding:.62rem .85rem;border-radius:10px;font-size:.8rem;line-height:1.4;font-weight:500}.contact-form-status.is-visible{display:block}.contact-form-status.is-success{background:#10b98124;border:1px solid rgba(16,185,129,.45);color:#a7f3d0}.contact-form-status.is-error{background:#ef444424;border:1px solid rgba(239,68,68,.45);color:#fecaca}.contact-form-status.is-info{background:#a855f729;border:1px solid rgba(196,181,253,.42);color:#e9d5ff}@media (max-width: 980px){.contact-dual-layout{grid-template-columns:1fr}.contact-dual-layout .contact-portal-card{padding:2rem 1.45rem}.contact-dual-layout .contact-portal-card .contact-desc{min-height:0}}@media (max-width: 560px){.contact-form-row{grid-template-columns:1fr}}.contact-card-item.linkedin-hover .contact-brand-box{background:#0a66c2}.contact-card-item.instagram-hover .contact-brand-box{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.contact-card-item.github-hover .contact-brand-box{background:#161b22;border:1px solid rgba(255,255,255,.16)}.contact-card-item.email-hover .contact-brand-box{background:#fff;box-shadow:0 4px 14px #00000040}.contact-card-text{flex:1;min-width:0;transform:translateZ(12px)}.contact-card-text h4{font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 .15rem;line-height:1.25}.contact-card-text p{font-size:.84rem;color:var(--text-gray);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-ext-icon{color:var(--text-gray);font-size:1rem;flex-shrink:0;transition:transform .3s ease,color .3s ease;transform:translateZ(14px)}.contact-card-item:hover .contact-ext-icon{color:#fff;transform:translateZ(20px) translate(3px,-3px)}footer{text-align:center;padding:2rem;margin-top:0;border-top:1px solid rgba(139,92,246,.2);background:#0a0a1aa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-gray);font-size:.95rem}.scroll-top-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:var(--btn-primary-gradient);color:#fff;border:1px solid rgba(244,114,182,.5);box-shadow:0 10px 25px #080518bf,0 0 18px #a855f773;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100}.scroll-top-btn.visible{opacity:1;visibility:visible}@media (max-width: 992px){.hero{grid-template-columns:1fr;text-align:center;padding-top:7.5rem}.hero-text{grid-column:1 / -1;padding-right:0;display:flex;flex-direction:column;align-items:center}.button-wrapper{justify-content:center}.hero-image-3d-stage{grid-column:1 / -1;margin-top:2rem;transform:scale(.88)}}@media (max-width: 768px){.hero-text{text-align:center;padding-right:0}.about-content{justify-content:center}.profile-pic{margin-bottom:2rem}.hero-image-3d-stage{transform:scale(.76)}}.about-lanyard{position:relative;width:310px;height:555px;display:flex;justify-content:center;margin-top:1.4rem}.lanyard-anchor{position:absolute;top:-30px;left:50%;width:58px;height:16px;transform:translate(-50%);border-radius:10px;background:linear-gradient(180deg,#4c3a8f,#1a1040);border:1px solid rgba(168,85,247,.55);box-shadow:0 6px 18px #0009,0 0 16px #8b5cf666;z-index:5}.lanyard-swing{position:absolute;top:-16px;left:50%;width:0;height:0;transform-origin:0 0;cursor:grab;z-index:2;will-change:transform;touch-action:none}.about-lanyard.is-dragging .lanyard-swing{cursor:grabbing}.lanyard-strap{position:absolute;left:-21px;top:0;width:42px;height:172px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#7c3aed,#a855f7 48%,#ec4899 92%,#9d174d);box-shadow:0 10px 22px #04020ea6,inset 0 0 0 1px #f5f3ff38,inset 0 -8px 12px #0805188c;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:4}.lanyard-strap:before,.lanyard-strap:after{content:"";position:absolute;top:0;bottom:0;width:2.5px;background:#f5f3ff4d}.lanyard-strap:before{left:4px}.lanyard-strap:after{right:4px}.lanyard-strap-text{writing-mode:vertical-rl;font-family:var(--font-heading);font-size:.55rem;letter-spacing:.22em;color:#f5f3ffe6;white-space:nowrap;-webkit-user-select:none;user-select:none;padding-bottom:14px}.lanyard-strap-fold{position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(180deg,#f5f3ff38,#080518b8);border-top:1px dashed rgba(245,243,255,.45)}.lanyard-badge{position:absolute;left:-136px;top:150px;width:272px;padding:15px 14px 18px;border-radius:22px;background:linear-gradient(160deg,#281a56f7,#0e0a26fa);border:1px solid rgba(168,85,247,.55);box-shadow:0 26px 55px #000000a6,0 0 38px #8b5cf659,inset 0 1px #ffffff24;-webkit-user-select:none;user-select:none;z-index:2}.lanyard-badge-hole{width:56px;height:12px;margin:0 auto 12px;border-radius:6px;background:#060312;box-shadow:inset 0 3px 6px #000000f2,0 0 0 1.5px #c4b5fd6b}.lanyard-badge .about-photo-3d-wrap{width:100%;height:250px;border-radius:16px;padding:4px;box-shadow:0 10px 25px #00000080}.lanyard-badge .about-photo-3d-wrap .profile-pic{margin-bottom:0;border-radius:13px;pointer-events:none}.lanyard-badge-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:12px;text-align:center}.lanyard-badge-name{font-family:var(--font-heading);font-size:.92rem;letter-spacing:.06em;background:var(--galaxy-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lanyard-badge-role{font-size:.72rem;font-weight:600;color:var(--text-gray);letter-spacing:.06em}.lanyard-badge-role i{color:#ec4899;margin-right:.3rem}.lanyard-hint{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.1em;color:#c4b5fd99;white-space:nowrap}.cosmic-pets-stage{position:fixed;left:0;right:0;bottom:0;height:102px;pointer-events:none;z-index:980;overflow:visible;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .45s ease,transform .45s cubic-bezier(.16,1,.3,1),visibility .45s ease}.cosmic-pets-stage.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.cosmic-pets-stage:not(.is-visible) .cosmic-pet{pointer-events:none}.cosmic-pet{position:absolute;left:0;bottom:3px;width:88px;height:80px;margin-left:-44px;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;--pet-facing: 1;--pet-tilt: 0deg;--foot-l: 0px;--foot-r: 0px}.pet-sprite-wrap{position:relative;width:100%;height:100%;transform:scaleX(var(--pet-facing, 1)) rotate(var(--pet-tilt, 0deg));transform-origin:center bottom;transition:transform .14s ease-out,filter .25s ease;filter:drop-shadow(0 8px 16px rgba(4,2,14,.78)) drop-shadow(0 0 14px rgba(168,85,247,.36))}.pet-sleepy .pet-sprite-wrap{filter:drop-shadow(0 8px 16px rgba(4,2,14,.78)) drop-shadow(0 0 14px rgba(244,114,182,.38))}.cosmic-pet.is-fleeing .pet-sprite-wrap{filter:drop-shadow(0 10px 20px rgba(4,2,14,.85)) drop-shadow(0 0 22px rgba(244,114,182,.75))}.pet-svg{width:100%;height:100%;display:block;overflow:visible}.pet-foot.foot-left{transform:translateY(var(--foot-l, 0px))}.pet-foot.foot-right{transform:translateY(var(--foot-r, 0px))}.pet-antenna-orb{animation:petOrbPulse 1.8s ease-in-out infinite alternate}@keyframes petOrbPulse{0%{opacity:.75;r:3.2px}to{opacity:1;r:4.2px}}.pet-face-normal{opacity:1;transition:opacity .12s ease}.pet-face-scared{opacity:0;transition:opacity .12s ease}.cosmic-pet.is-fleeing .pet-face-normal{opacity:0}.cosmic-pet.is-fleeing .pet-face-scared{opacity:1}.pet-code-tablet{position:absolute;right:-8px;bottom:10px;padding:3px 6px;border-radius:8px;background:linear-gradient(135deg,#1e1040,#0e0929);border:1.5px solid #F472B6;box-shadow:0 4px 10px #04020ebf,0 0 10px #f472b673;transform:scaleX(var(--pet-facing, 1)) rotate(8deg);animation:tabletBob 2.1s ease-in-out infinite alternate}.pet-code-tablet span{display:block;font-family:Courier New,Courier,monospace;font-size:.62rem;font-weight:800;color:#f5f3ff;letter-spacing:-.5px;line-height:1}@keyframes tabletBob{0%{margin-bottom:0}to{margin-bottom:3px}}.pet-sleep-bubbles{position:absolute;top:-18px;left:6px;pointer-events:none;transition:opacity .2s ease}.cosmic-pet.is-fleeing .pet-sleep-bubbles{opacity:0}.sleep-bubble{position:absolute;font-family:var(--font-heading);font-weight:800;color:#f5f3ff;text-shadow:0 0 8px rgba(244,114,182,.85),0 2px 6px rgba(8,5,24,.9);opacity:0;animation:sleepBubbleFloat 2.8s ease-in-out infinite}.sleep-bubble.b-1{left:0;top:10px;font-size:.58rem;color:#f9a8d4;animation-delay:0s}.sleep-bubble.b-2{left:8px;top:2px;font-size:.72rem;color:#c4b5fd;animation-delay:.85s}.sleep-bubble.b-3{left:17px;top:-7px;font-size:.86rem;color:#f472b6;animation-delay:1.65s}@keyframes sleepBubbleFloat{0%{opacity:0;transform:translateY(4px) scale(.75)}40%{opacity:.95}to{opacity:0;transform:translateY(-10px) scale(1.08)}}.pet-panic-mark{position:absolute;top:-22px;left:50%;transform:translate(-50%) scale(.5);padding:1px 7px;border-radius:999px;background:var(--btn-primary-gradient);border:1px solid rgba(245,243,255,.65);color:#fff;font-family:var(--font-heading);font-size:.72rem;font-weight:900;box-shadow:0 4px 12px #ec4899a6;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .2s cubic-bezier(.16,1,.3,1);z-index:4}.cosmic-pet.is-fleeing .pet-panic-mark{opacity:1;transform:translate(-50%) scale(1)}.pet-speech-bubble{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(6px) scale(.92);white-space:nowrap;padding:.28rem .68rem;border-radius:10px;background:#0e0929f0;border:1px solid rgba(244,114,182,.58);color:#f5f3ff;font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.2px;box-shadow:0 8px 20px #04020ecc,0 0 14px #a855f752;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility .22s ease;z-index:5}.pet-speech-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-style:solid;border-color:rgba(244,114,182,.58) transparent transparent transparent}.pet-speech-bubble.is-visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}@media (max-width: 640px){.cosmic-pet{width:72px;height:66px;margin-left:-36px}.container{padding:4rem 1.15rem}h2{font-size:1.9rem;margin-bottom:2rem}.section-portal-track,.exp-zoom-scroll-track{height:112vh}.section-portal-giant-text,.exp-zoom-giant-text{font-size:clamp(1.65rem,8vw,2.8rem);letter-spacing:clamp(1px,.4vw,4px);filter:drop-shadow(0 8px 20px rgba(8,5,24,.8));animation:none}.section-portal-content-wrap,.exp-revealed-container{margin-top:-32vh}.about-lanyard{width:min(290px,100%);height:auto;min-height:460px}.ide-window{width:100%;max-width:100%}.ide-body{overflow-x:auto;font-size:.85rem}.scroll-top-btn{width:42px;height:42px;bottom:1.15rem;right:1.15rem;font-size:1.2rem}}@media (max-width: 520px){.hero-poster-bottom-row{flex-direction:row;align-items:stretch;justify-content:space-between;gap:.5rem}.hero-poster-left-col{min-width:0;margin-bottom:.6rem}.poster-display-name{font-size:clamp(1.7rem,8.6vw,2.6rem)}.poster-script-greeting{font-size:clamp(1.25rem,5.4vw,1.8rem)}.hero-poster-right-col{align-items:flex-end;text-align:right;margin-top:calc(clamp(1.25rem,5.4vw,1.8rem) - .2rem);margin-bottom:.6rem}.hero-skill-title-item{font-size:clamp(.85rem,3.9vw,1.1rem);padding-left:0;padding-right:.45rem;border-left:none;border-right:2px solid rgba(244,114,182,.8)}.project-preview-frame{height:200px}}@media (max-width: 820px){.exp-timeline-item:hover{transform:none}}@media (max-width: 768px){.section-kicker{display:none}.contact-availability-card{flex-direction:column;align-items:flex-start;gap:.7rem}.availability-info-col{order:1}.availability-bg-watermark{position:static;transform:none;right:auto;top:auto;order:2;opacity:.78;gap:.75rem}.availability-bg-watermark span{font-size:1.2rem}}
