:root{--clr-bg:#030712;--clr-surface:#0b1528;--clr-surface-2:#112240;--clr-primary:#00d2ff;--clr-primary-light:#80e8ff;--clr-primary-dark:#0072ff;--clr-primary-alpha:#00d2ff1f;--clr-primary-alpha-2:#00d2ff38;--clr-primary-grad:linear-gradient(135deg, #0072ff 0%, #00d2ff 100%);--clr-accent-grad:linear-gradient(135deg, #0052d4 0%, #4364f7 50%, #6fb1fc 100%);--clr-text:#fff;--clr-text-2:#c5d1ec;--clr-text-muted:#8ea8db;--clr-border:#00d2ff26;--clr-border-dark:#00d2ff59;--clr-shadow:#00000080;--font-head:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--ease:all .35s cubic-bezier(.16, 1, .3, 1);--radius:20px;--radius-sm:12px;--radius-pill:100px}[data-theme=dark]{--clr-bg:#030712;--clr-surface:#0b1528;--clr-surface-2:#112240;--clr-primary:#00d2ff;--clr-primary-light:#80e8ff;--clr-primary-dark:#0072ff;--clr-primary-alpha:#00d2ff1f;--clr-primary-alpha-2:#00d2ff38;--clr-primary-grad:linear-gradient(135deg, #0072ff 0%, #00d2ff 100%);--clr-accent-grad:linear-gradient(135deg, #0052d4 0%, #4364f7 50%, #6fb1fc 100%);--clr-text:#fff;--clr-text-2:#c5d1ec;--clr-text-muted:#8ea8db;--clr-border:#00d2ff26;--clr-border-dark:#00d2ff59;--clr-shadow:#00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--clr-bg);background-image:radial-gradient(var(--clr-primary-alpha) 1px, transparent 1px);color:var(--clr-text);font-family:var(--font-body);letter-spacing:-.2px;background-size:32px 32px;line-height:1.75;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--clr-surface)}::-webkit-scrollbar-thumb{background:var(--clr-primary-alpha-2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--clr-primary)}.ambient{pointer-events:none;z-index:0;filter:blur(60px);opacity:.8;border-radius:50%;position:fixed}.amb-1{background:radial-gradient(circle,#5400ff14 0%,#0000 60%);width:65vw;height:65vw;animation:25s cubic-bezier(.4,0,.2,1) infinite alternate ambFloat;top:-25%;left:-20%}.amb-2{background:radial-gradient(circle,#a855f712 0%,#0000 60%);width:55vw;height:55vw;animation:30s cubic-bezier(.4,0,.2,1) infinite alternate-reverse ambFloat;bottom:-20%;right:-15%}@keyframes ambFloat{0%{transform:translate(0)scale(1)rotate(0)}to{transform:translate(50px,80px)scale(1.15)rotate(15deg)}}.container{z-index:1;max-width:1180px;margin:0 auto;padding:0 2rem;position:relative}.btn{border-radius:var(--radius-pill);font-family:var(--font-head);cursor:pointer;transition:var(--ease);white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;text-shadow:0 1px 3px #0003;letter-spacing:.2px;background:linear-gradient(135deg,#0072ff 0%,#00d2ff 50%,#00f0ff 100%) 0 0/200%;animation:4s linear infinite btnGradShift;box-shadow:0 6px 28px #0072ff66,inset 0 1px 1px #ffffff59}@keyframes btnGradShift{0%{background-position:0%}to{background-position:200%}}.btn-primary:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 16px 45px #0072ff8c,0 0 80px #00d2ff26,inset 0 1px 1px #ffffff80}.btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#80e8ff;background:#0072ff14;border:1.5px solid #0072ff66}.btn-outline:hover{color:#fff;background:#0072ff2e;border-color:#00d2ffb3;transform:translateY(-3px);box-shadow:0 8px 28px #00d2ff4d}.btn-ghost{color:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a}.btn-ghost:hover{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-3px)}.btn-hero-main{padding:.9rem 2rem!important;font-size:1rem!important;box-shadow:0 8px 32px #0072ff80,inset 0 1px 1px #fff6!important}.btn-hero-main:hover{box-shadow:0 18px 50px #0072ff99,0 0 100px #00d2ff33,inset 0 1px 1px #ffffff80!important}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:0 10px 40px -10px var(--clr-shadow), inset 0 1px 0 #ffffff0d;transition:var(--ease);background:#121026a6;border:1px solid #7b3fff2e}.card:hover{transform:translateY(-6px);box-shadow:0 20px 50px -10px #7b3fff40,inset 0 1px #ffffff1a}.card-surface{background:#191635b3;border-color:#7b3fff33}.section{padding:80px 0}.section-alt{background:var(--clr-surface)}.section-label{font-family:var(--font-head);letter-spacing:2.5px;text-transform:uppercase;color:var(--clr-primary);background:var(--clr-primary-alpha);border-radius:var(--radius-pill);border:1px solid var(--clr-border-dark);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-head);color:var(--clr-text);letter-spacing:-2px;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.section-title span{color:var(--clr-primary)}.section-desc{color:var(--clr-text-2);max-width:560px;font-size:1.05rem}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);background:#ffffff1a;border:1px solid #fff3}.header-dock{z-index:1000;width:94%;max-width:1200px;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:1rem;left:50%;transform:translate(-50%)}.nav-light .dock-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f0c23d9;border:1px solid #7b3fff40;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0a}.nav-light .dock-links a{color:#ffffffbf}.nav-light .dock-links a:hover,.nav-light .dock-links a.active{color:#fff;background:var(--clr-primary-alpha)}.nav-light .hamburger{color:#fff}.nav-dark .dock-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0a0a99;border:1px solid #7b3fff33;box-shadow:0 8px 32px #0006,0 0 0 1px #7b3fff14}.nav-dark .dock-links a{color:#ffffffb3}.nav-dark .dock-links a:hover,.nav-dark .dock-links a.active{color:#fff;background:#ffffff1a}.nav-dark .hamburger{color:#fff}.dock-nav{border-radius:var(--radius-pill);justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .75rem .45rem 1.2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.dock-logo img{opacity:1;transition:var(--ease);height:24px!important}.dock-logo:hover img{transform:scale(1.05)}.dock-links{gap:0;list-style:none;display:flex}.dock-links a{font-family:var(--font-head);border-radius:var(--radius-pill);transition:var(--ease);padding:.4rem .8rem;font-size:.88rem;font-weight:600;text-decoration:none}.dock-links a:hover,.dock-links a.active{color:var(--clr-primary);background:var(--clr-primary-alpha)}.dock-actions{align-items:center;gap:.4rem;display:flex}.dock-cta{border-radius:var(--radius-pill);font-family:var(--font-head);color:#fff;background:var(--clr-primary-grad);transition:var(--ease);white-space:nowrap;padding:.5rem 1.1rem;font-size:.88rem;font-weight:700;text-decoration:none}.dock-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5400ff4d}.hamburger{cursor:pointer;color:var(--clr-text);background:0 0;border:none;padding:.25rem;display:none}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#0a0915fa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.mobile-nav.open{display:flex}.mobile-nav a{font-family:var(--font-head);color:var(--clr-text);transition:var(--ease);font-size:2rem;font-weight:800;text-decoration:none}.mobile-nav a:hover{color:var(--clr-primary)}.mobile-nav-close{cursor:pointer;color:var(--clr-text);background:0 0;border:none;font-size:2rem;position:absolute;top:1.5rem;right:2rem}@keyframes heroGridPulse{0%,to{opacity:.35}50%{opacity:.65}}@keyframes beamMoveX{0%{opacity:0;transform:translate(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(200vw)}}@keyframes beamMoveY{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(200vh)}}@keyframes floatOrb1{0%,to{opacity:.7;transform:translate(0)scale(1)}40%{opacity:1;transform:translate(30px,-25px)scale(1.08)}70%{opacity:.8;transform:translate(-15px,15px)scale(.96)}}@keyframes floatOrb2{0%,to{opacity:.6;transform:translate(0)scale(1)}35%{opacity:.9;transform:translate(-40px,20px)scale(1.1)}70%{opacity:.7;transform:translate(20px,-10px)scale(.98)}}@keyframes floatOrb3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(15px,30px)scale(1.05)}}.hero-split{background:#04020e;align-items:stretch;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-split:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#5400ff21 1px,#0000 1px),linear-gradient(90deg,#5400ff21 1px,#0000 1px);background-size:60px 60px;animation:5s ease-in-out infinite heroGridPulse;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 75%);mask-image:linear-gradient(90deg,#000 45%,#0000 75%)}.hero-split:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 80% at 20%,#0000 20%,#000000e6 80%);position:absolute;inset:0}.hero-orb-1{z-index:0;pointer-events:none;background:radial-gradient(circle,#5400ff8c 0%,#7800ff33 35%,#0000 65%);border-radius:50%;width:70vw;height:70vw;animation:14s ease-in-out infinite floatOrb1;position:absolute;top:-30%;left:-20%}.hero-orb-2{z-index:0;pointer-events:none;background:radial-gradient(circle,#a855f740 0%,#00c6ff0f 45%,#0000 65%);border-radius:50%;width:45vw;height:45vw;animation:18s ease-in-out infinite floatOrb2;position:absolute;bottom:-15%;left:5%}.hero-orb-3{z-index:0;pointer-events:none;background:radial-gradient(circle,#00c6ff26 0%,#0000 70%);border-radius:50%;width:25vw;height:25vw;animation:11s ease-in-out infinite floatOrb3;position:absolute;top:30%;left:10%}.hero-beam-x{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#7800ffbf,#0000);width:150px;height:1px;animation:8s ease-in-out infinite beamMoveX;position:absolute;top:32%;left:0;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 70%);mask-image:linear-gradient(90deg,#000 45%,#0000 70%)}.hero-beam-x2{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#00c6ff8c,#0000);width:120px;height:1px;animation:12s ease-in-out 3s infinite beamMoveX;position:absolute;top:65%;left:0;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 70%);mask-image:linear-gradient(90deg,#000 45%,#0000 70%)}.hero-beam-y{z-index:0;pointer-events:none;background:linear-gradient(#0000,#5400ffa6,#0000);width:1px;height:180px;animation:10s ease-in-out 1s infinite beamMoveY;position:absolute;top:0;left:18%}.hero-bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-split-left{z-index:2;flex-direction:column;justify-content:center;width:58%;min-height:100vh;padding:130px 4% 90px max(5%,50vw - 650px);display:flex;position:relative}@media (width<=1200px){.hero-split-left{width:62%;padding-left:5%}}.hero-split-right{z-index:1;width:52%;height:100%;position:absolute;top:0;right:0;overflow:visible}.hero-split-right:before{content:"";z-index:0;pointer-events:none;filter:blur(40px);background:radial-gradient(70% 90% at 55%,#5400ff59 0%,#7800ff26 40%,#0000 70%);border-radius:50%;position:absolute;inset:-5%}.hero-split-right:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#04020e 100%);width:100%;height:45%;position:absolute;bottom:0;left:0}.hero-split-photo{object-fit:cover;object-position:center -120px;z-index:1;filter:brightness(.85)contrast(1.02)saturate(1.05);width:100%;height:100%;display:block;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%)}.hero-split-right .hps-card{z-index:10}.hero-split-right .hps-card-top{top:50%;left:15%}.hero-split-right .hps-card-bottom{bottom:15%;right:5%}.hps-cards-row{pointer-events:none;position:absolute;inset:0}.hps-cards-row .hps-card{pointer-events:all}.hps-card{-webkit-backdrop-filter:blur(20px);font-family:var(--font-head);color:#fff;white-space:nowrap;background:#0a0a0abf;border:1px solid #7b3fff59;border-radius:14px;align-items:center;gap:.6rem;padding:.65rem 1.1rem;font-size:.82rem;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 32px #0009,0 0 0 1px #7b3fff1a}@keyframes hpsCardFloat1{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes hpsCardFloat2{0%{transform:translateY(0)}to{transform:translateY(8px)}}.hps-card-top{animation:5s ease-in-out infinite alternate hpsCardFloat1}.hps-card-bottom{animation:6s ease-in-out infinite alternate hpsCardFloat2}.hps-card-icon{background:var(--clr-primary-grad);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hps-card-label{color:#ffffff80;letter-spacing:.5px;font-size:.68rem;font-weight:500}.hps-card-value{color:#fff;font-size:.85rem;font-weight:700}.hero-eyebrow{border-radius:var(--radius-pill);color:#c4b5fdf2;font-size:.72rem;font-weight:800;font-family:var(--font-head);letter-spacing:1.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#7b3fff2e,#00c6ff14);border:1px solid #7b3fff73;align-items:center;gap:.55rem;margin-bottom:1.8rem;padding:.5rem 1.1rem;display:inline-flex;box-shadow:0 0 20px #7b3fff1f,inset 0 1px #ffffff14}.hero-eyebrow .dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.5s infinite pingDot;box-shadow:0 0 #10b981cc}@keyframes pingDot{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.hero-name{font-family:var(--font-head);letter-spacing:-3.5px;color:#fff;margin-bottom:.75rem;font-size:clamp(3.2rem,5.8vw,6rem);font-weight:900;line-height:1}.hero-name .hl{background:linear-gradient(135deg,#a78bfa 0%,#7b3fff 40%,#00c6ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #7b3fff80);-webkit-background-clip:text;background-clip:text}.hero-name-v2{letter-spacing:-3px;color:#fff;flex-direction:column;gap:.3rem;margin-bottom:1.6rem;font-size:clamp(3rem,5.5vw,5.8rem);font-weight:900;line-height:1.02;display:flex}.hero-name-gradient{background:linear-gradient(120deg,#fff 0%,#c4b5fd 25%,#7b3fff 55%,#00c6ff 85%,#67e8f9 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 35px #7b3fff99);-webkit-background-clip:text;background-clip:text;animation:5s linear infinite gradientSlide}@keyframes gradientSlide{0%{background-position:0%}to{background-position:200%}}.hero-name-sub{letter-spacing:-.5px;color:#ffffff80;margin-top:.2rem;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:600;line-height:1.35;display:block}.hero-role-pills{flex-wrap:nowrap;align-items:center;gap:.5rem;margin-bottom:1.75rem;display:flex}.hrp{font-family:var(--font-head);border-radius:var(--radius-pill);letter-spacing:.3px;white-space:nowrap;padding:.32rem .85rem;font-size:.72rem;font-weight:700}.hrp-primary{color:#c4b5fd;background:linear-gradient(135deg,#7b3fff38,#5400ff52);border:1px solid #7b3fff80}.hrp-secondary{color:#67e8f9;background:#00c6ff1a;border:1px solid #00c6ff66}.hrp-tertiary{color:#f9a8d4;background:#ec48991a;border:1px solid #ec489959}.typed-prefix{font-family:var(--font-head);color:#ffffff59;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0;margin-right:.4rem;font-size:.82rem;font-weight:600}.hero-typed-wrapper{font-family:var(--font-head);color:#fff;background:linear-gradient(135deg,#7b3fff1a 0%,#00c6ff0f 100%);border:1px solid #7b3fff47;border-radius:14px;align-items:center;gap:0;max-width:480px;min-height:2.8rem;margin-bottom:1.75rem;padding:.6rem 1.1rem;font-size:1.35rem;font-weight:800;transition:box-shadow .4s;display:flex;box-shadow:0 0 #7b3fff33,inset 0 1px #ffffff0f}.hero-typed-wrapper:hover{box-shadow:0 0 30px #7b3fff26,inset 0 1px #ffffff14}.hero-typed-wrapper .typed{background:linear-gradient(90deg,#a78bfa,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}@keyframes blinkCursor{0%,49%{opacity:1}50%,to{opacity:0}}.hero-typed-wrapper .cursor{background:#a78bfa;border-radius:2px;flex-shrink:0;width:2.5px;height:1.3em;margin-left:3px;animation:.75s step-end infinite blinkCursor;display:inline-block}.hero-desc{color:#ffffff7a;letter-spacing:.1px;max-width:460px;margin-bottom:2.2rem;font-size:.97rem;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.hero-strip{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:2rem;display:flex}.hero-strip-item{color:var(--clr-text-2);align-items:center;gap:.5rem;font-size:.88rem;display:flex}.hero-strip-divider{background-color:var(--clr-border);border-radius:50%;width:4px;height:4px}.hero-strip-link{color:var(--clr-text-2);align-items:center;gap:.4rem;transition:color .3s;display:flex}.hero-strip-link:hover{color:var(--clr-primary)}.hero-stats{border-top:1px solid var(--clr-border);gap:2.5rem;margin-top:3rem;padding-top:2rem;display:flex}.hero-stat-num{font-family:var(--font-head);color:var(--clr-primary);font-size:2rem;font-weight:900;line-height:1}.hero-stat-label{color:var(--clr-text-muted);margin-top:.2rem;font-size:.82rem}.about-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:3rem;display:grid}.about-text h2{margin-bottom:1.25rem}.about-text p{color:var(--clr-text-2);margin-bottom:1.5rem;font-size:1.05rem}.about-bio-list{grid-template-columns:1fr 1fr;gap:1rem 2rem;margin-bottom:2rem;display:grid}.bio-item .bio-label{color:var(--clr-text-muted);font-size:.8rem;font-weight:600}.bio-item .bio-val{color:var(--clr-text);font-size:.95rem;font-weight:700}.about-card-wrap{flex-direction:column;gap:1.5rem;display:flex}.design-card{border-left:4px solid var(--clr-primary);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.design-card-icon{background:var(--clr-primary-grad);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.design-card h4{font-family:var(--font-head);margin-bottom:.25rem;font-weight:700}.design-card p{color:var(--clr-text-2);font-size:.88rem}.skills-layout{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.skill-group{padding:2rem}.skill-group-title{font-family:var(--font-head);color:var(--clr-text);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:800;display:flex}.skill-group-icon{background:var(--clr-primary-grad);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.skill-tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{background:var(--clr-primary-alpha);border:1px solid var(--clr-border-dark);border-radius:var(--radius-pill);color:var(--clr-primary);transition:var(--ease);padding:.4rem .9rem;font-size:.82rem;font-weight:700}.skill-tag:hover{background:var(--clr-primary);color:#fff}.skill-bar-row{margin-bottom:1.1rem}.skill-bar-meta{color:var(--clr-text-2);justify-content:space-between;margin-bottom:.4rem;font-size:.88rem;font-weight:600;display:flex}.skill-bar-track{background:var(--clr-primary-alpha);border-radius:10px;height:7px;overflow:hidden}.skill-bar-fill{background:var(--clr-primary-grad);border-radius:10px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.exp-timeline{flex-direction:column;gap:0;display:flex;position:relative}.exp-timeline:before{content:"";background:linear-gradient(to bottom, var(--clr-primary), #5400ff1a);width:2px;position:absolute;top:0;bottom:0;left:1.25rem}.exp-item{grid-template-columns:2.5rem 1fr;gap:1.5rem;padding-bottom:2.5rem;display:grid;position:relative}.exp-dot{background:var(--clr-primary-grad);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:relative;box-shadow:0 0 0 5px #5400ff1a}.exp-content{margin-top:.25rem;padding:1.5rem}.exp-year{font-family:var(--font-head);letter-spacing:1px;color:var(--clr-primary);background:var(--clr-primary-alpha);border-radius:var(--radius-pill);margin-bottom:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.exp-role{font-family:var(--font-head);color:var(--clr-text);font-size:1.1rem;font-weight:800}.exp-org{color:var(--clr-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.exp-desc{color:var(--clr-text-2);font-size:.9rem}.project-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.filter-chip{border-radius:var(--radius-pill);font-family:var(--font-head);cursor:pointer;border:1.5px solid var(--clr-border-dark);color:var(--clr-text-2);transition:var(--ease);background:0 0;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700}.filter-chip:hover,.filter-chip.active{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary);box-shadow:0 4px 15px #5400ff4d}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2rem;display:grid}.proj-card{flex-direction:column;display:flex;overflow:hidden}.proj-thumb{height:200px;position:relative;overflow:hidden}.proj-thumb-bg{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pb-1{background:linear-gradient(135deg,#5400ff 0%,#7b3fff 100%)}.pb-2{background:linear-gradient(135deg,#3d00cc 0%,#5400ff 100%)}.pb-3{background:linear-gradient(135deg,#00c6ff 0%,#5400ff 100%)}.pb-4{background:linear-gradient(135deg,#8b00ff 0%,#3d00cc 100%)}.pb-5{background:linear-gradient(135deg,#5400ff 0%,#f0f 60%,#5400ff 100%)}.pb-6{background:linear-gradient(135deg,#0af 0%,#5400ff 100%)}.proj-thumb-icon{color:#ffffff80}.proj-hover-overlay{opacity:0;width:100%;height:100%;transition:var(--ease);background:#5400ffe6;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;top:0;left:0}.proj-card:hover .proj-hover-overlay{opacity:1}.proj-action-btn{color:#fff;cursor:pointer;width:46px;height:46px;transition:var(--ease);background:#fff3;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.proj-action-btn:hover{background:#ffffff59;transform:scale(1.1)}.proj-body{flex:1;padding:1.5rem}.proj-cat{letter-spacing:1.5px;text-transform:uppercase;color:var(--clr-primary);margin-bottom:.4rem;font-size:.72rem;font-weight:800}.proj-title{font-family:var(--font-head);color:var(--clr-text);margin-bottom:.5rem;font-size:1.15rem;font-weight:800}.proj-desc{color:var(--clr-text-2);margin-bottom:1.25rem;font-size:.9rem}.proj-tags{flex-wrap:wrap;gap:.4rem;display:flex}.proj-tag{background:var(--clr-primary-alpha);color:var(--clr-primary);border-radius:var(--radius-pill);border:1px solid var(--clr-border-dark);padding:.25rem .65rem;font-size:.72rem;font-weight:700}.achieve-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.achieve-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.achieve-list li{color:var(--clr-text-2);align-items:flex-start;gap:.75rem;font-size:.95rem;display:flex}.ach-check{background:var(--clr-primary-grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:flex}.cert-item{align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex}.cert-icon{background:var(--clr-primary-grad);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cert-provider{color:var(--clr-text-muted);font-size:.8rem}.contact-wrapper{grid-template-columns:1fr 1.5fr;align-items:start;gap:3rem;display:grid}.contact-info-item{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.ci-icon{background:var(--clr-primary-grad);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ci-label{color:var(--clr-text-muted);font-size:.8rem}.ci-val{color:var(--clr-text);font-size:.95rem;font-weight:700}.contact-form-card{padding:2.5rem}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}label{color:var(--clr-text-2);font-size:.85rem;font-weight:700}.form-input{background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--clr-text);transition:var(--ease);outline:none;padding:.8rem 1.1rem;font-size:.95rem}.form-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 4px #5400ff14}.form-input::placeholder{color:var(--clr-text-muted)}.submit-btn{justify-content:center;width:100%;padding:1rem;font-size:1rem}.form-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.success-icon{color:#10b981}.footer{background:var(--clr-bg);padding:60px 0 30px}.footer-card{background:linear-gradient(135deg,#1a0050 0%,#12003a 50%,#0a0020 100%);border-radius:32px;flex-direction:column;gap:4rem;padding:4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080,0 0 0 1px #7b3fff33}.footer-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;left:-20%}.footer-cta{text-align:center;z-index:2;max-width:600px;margin:0 auto;position:relative}.footer-cta h2{font-family:var(--font-head);color:#fff;letter-spacing:-1px;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.1}.footer-cta p{color:var(--clr-text-muted);margin-bottom:2.5rem;font-size:1.1rem}.footer-btn{color:var(--clr-text);background:#fff;padding:1rem 2rem;font-size:1rem;box-shadow:0 10px 30px #0000004d}.footer-btn:hover{background:var(--clr-surface);transform:translateY(-4px);box-shadow:0 15px 40px #0006}.footer-bottom{z-index:2;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;padding-top:3rem;display:flex;position:relative}.footer-logo-col{flex-direction:column;gap:.5rem;display:flex}.f-logo-img{opacity:.9;width:auto;height:26px}.footer-logo-col p{color:#ffffff80;font-size:.9rem}.footer-copy{text-align:center;color:var(--clr-text-muted);padding-top:2rem;font-size:.85rem;font-weight:600}.social-row{gap:1rem;display:flex}.social-btn{color:#fff;width:44px;height:44px;transition:var(--ease);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-btn:hover{background:var(--clr-primary);border-color:var(--clr-primary);transform:translateY(-3px)}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-visual{order:-1}.hero-code-card{max-width:380px;margin:0 auto}.about-grid,.achieve-grid,.contact-wrapper{grid-template-columns:1fr}}@media (width<=768px){.section{padding:80px 0}.dock-links,.dock-cta{display:none}.dock-nav{gap:1rem}.hamburger{display:flex}.hero-name{letter-spacing:-1px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem}.form-row{grid-template-columns:1fr}.hfb-1,.hfb-2{display:none}.footer-inner{text-align:center;flex-direction:column}}.section-center-head{text-align:center;margin-bottom:2.5rem}.section-center-head .section-label{margin-bottom:.75rem;display:inline-flex}.section-center-head .section-title{margin:0 auto}.scroll-hint{color:var(--clr-text-muted);z-index:5;animation:2s ease-in-out infinite bobDown;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bobDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.about-3col{grid-template-columns:260px 1fr 220px;align-items:start;gap:3rem;display:grid}.about-photo-col{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.about-photo-frame{border:3px solid var(--clr-primary);border-radius:24px;width:220px;height:265px;position:relative;overflow:hidden;box-shadow:0 0 0 6px #5400ff1a,0 20px 50px #5400ff33}.about-photo{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.photo-badge-bottom{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-head);background:#5400ffd9;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.pb-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pingDot}.about-social-strip{gap:.75rem;display:flex}.soc-btn{background:var(--clr-primary-alpha);border:1.5px solid var(--clr-border-dark);width:40px;height:40px;color:var(--clr-primary);transition:var(--ease);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.soc-btn:hover{background:var(--clr-primary);color:#fff;transform:translateY(-2px)}.about-bio-grid{grid-template-columns:1fr 1fr;gap:.75rem 2rem;margin-bottom:1.75rem;display:grid}.bio-cell .bio-label{color:var(--clr-text-muted);font-size:.75rem;font-weight:600}.bio-cell .bio-val{color:var(--clr-text);font-size:.9rem;font-weight:700}.about-cards-col{flex-direction:column;gap:.85rem;display:flex}.about-mini-card{border-radius:var(--radius-sm);align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;display:flex}.amc-icon{background:var(--clr-primary-grad);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.amc-title{font-family:var(--font-head);color:var(--clr-text);font-size:.88rem;font-weight:700}.amc-desc{color:var(--clr-text-muted);margin-top:.15rem;font-size:.78rem}@media (width<=1100px){.about-3col{grid-template-columns:220px 1fr}.about-cards-col{flex-flow:wrap;grid-column:1/-1}.about-mini-card{flex:200px}}@media (width<=768px){.about-3col{grid-template-columns:1fr}.about-photo-col{flex-direction:row;align-items:center}.about-bio-grid{grid-template-columns:1fr;gap:.5rem}}.skills-master-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.skills-cat-panel{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.skill-cat-card{border-radius:var(--radius);transition:var(--ease);padding:1.5rem}.skill-cat-card:hover{transform:translateY(-3px)}.scc-header{align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.scc-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.scc-title{font-family:var(--font-head);color:var(--clr-text);font-size:.95rem;font-weight:800}.scc-tags{flex-wrap:wrap;gap:.4rem;display:flex}.scc-tag{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--tag-clr) 10%, transparent);border:1px solid color-mix(in srgb, var(--tag-clr) 30%, transparent);color:var(--tag-clr);transition:var(--ease);padding:.25rem .7rem;font-size:.75rem;font-weight:700}.scc-tag:hover{background:var(--tag-clr);color:#fff}.skills-bar-panel{padding:2rem;position:sticky;top:100px}.sbp-header{border-bottom:1px solid var(--clr-border);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.sbp-icon{background:var(--clr-primary-grad);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.sbp-title{font-family:var(--font-head);font-size:1.1rem;font-weight:800}.sbp-sub{color:var(--clr-text-muted);margin-top:.1rem;font-size:.82rem}.sbp-bars{flex-direction:column;gap:1.25rem;display:flex}.sbp-meta{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.sbp-name{color:var(--clr-text-2);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.sbp-name-icon{color:var(--clr-primary)}.sbp-pct{font-family:var(--font-head);color:var(--clr-primary);font-size:.9rem;font-weight:800}.sbp-track{background:var(--clr-primary-alpha);border-radius:10px;height:8px;overflow:hidden}.sbp-fill{background:var(--clr-primary-grad);border-radius:10px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}@media (width<=900px){.skills-master-grid{grid-template-columns:1fr;gap:1.75rem}.skills-cat-panel{grid-template-columns:1fr 1fr}.skills-bar-panel{position:static}}@media (width<=768px){#skills .section-label{justify-content:center}.skills-master-grid{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.skills-cat-panel{grid-template-columns:1fr 1fr!important;gap:.9rem!important;display:grid!important}.skill-cat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s,box-shadow .2s;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:16px!important;padding:1.1rem 1rem!important}.skill-cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #5400ff33}.scc-icon{flex-shrink:0;border-radius:10px!important;width:34px!important;height:34px!important}.scc-title{letter-spacing:-.3px;font-size:.85rem!important}.scc-tags{margin-top:.75rem;gap:.3rem!important}.scc-tag{border-radius:30px!important;padding:.2rem .55rem!important;font-size:.68rem!important}.skills-bar-panel{background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:20px!important;padding:1.5rem!important;position:static!important}.sbp-header{margin-bottom:1.1rem!important;padding-bottom:1.1rem!important}.sbp-icon{border-radius:12px!important;width:40px!important;height:40px!important}.sbp-title{font-size:1rem!important}.sbp-sub{font-size:.78rem!important}.sbp-bars{gap:1rem!important}.sbp-name{font-size:.82rem!important}.sbp-track{background:#7b3fff1f!important;border-radius:10px!important;height:10px!important}.sbp-fill{box-shadow:0 0 10px #a855f766;background:linear-gradient(90deg,#5400ff,#a855f7,#ec4899)!important;border-radius:10px!important;height:100%!important}.sbp-pct{background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.85rem!important;font-weight:900!important}}@media (width<=480px){.skills-cat-panel{grid-template-columns:1fr!important}}.journey-master{flex-direction:column;gap:3rem;display:flex}.journey-block{flex-direction:column;gap:1.25rem;display:flex}.journey-block-title{font-family:var(--font-head);color:var(--clr-text);align-items:center;gap:.75rem;font-size:1.2rem;font-weight:800;display:flex}.jbt-dot{background:var(--clr-primary);border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.exp-card-row{scrollbar-width:thin;scrollbar-color:var(--clr-primary-alpha-2) transparent;gap:1.25rem;padding-bottom:1rem;display:flex;overflow-x:auto}.exp-card-row::-webkit-scrollbar{height:5px}.exp-card-row::-webkit-scrollbar-thumb{background:var(--clr-primary-alpha-2);border-radius:10px}.exp-card{border-top:3px solid var(--clr-primary);transition:var(--ease);flex:0 0 260px;padding:1.5rem}.exp-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #5400ff26}.ec-year-badge{font-family:var(--font-head);letter-spacing:1px;color:var(--clr-primary);background:var(--clr-primary-alpha);border-radius:var(--radius-pill);margin-bottom:.75rem;padding:.2rem .65rem;font-size:.72rem;font-weight:800;display:inline-block}.ec-role{font-family:var(--font-head);color:var(--clr-text);margin-bottom:.25rem;font-size:.98rem;font-weight:800}.ec-org{color:var(--clr-primary);margin-bottom:.6rem;font-size:.82rem;font-weight:600}.ec-desc{color:var(--clr-text-2);font-size:.82rem;line-height:1.55}.journey-bottom{align-items:flex-start;gap:2rem;display:flex}.edu-cards{flex-direction:column;gap:1rem;display:flex}.edu-card{border-left:3px solid #0ea5e9;padding:1.35rem 1.5rem}.edu-year{color:#0ea5e9;font-size:.72rem;font-weight:800;font-family:var(--font-head);margin-bottom:.3rem}.edu-title{font-family:var(--font-head);color:var(--clr-text);font-size:.95rem;font-weight:800}.edu-org{color:#0ea5e9;margin:.2rem 0 .5rem;font-size:.82rem;font-weight:600}.edu-desc{color:var(--clr-text-2);font-size:.82rem}.cert-stack{flex-direction:column;gap:.75rem;display:flex}.cert-row{border-radius:var(--radius-sm);border-left:3px solid #ec4899;align-items:center;gap:.9rem;padding:.9rem 1.1rem;display:flex}.cert-ico{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cert-name{color:var(--clr-text);font-size:.85rem;font-weight:700}.cert-prov{color:var(--clr-text-muted);margin-top:.1rem;font-size:.75rem}@media (width<=768px){.journey-bottom{flex-direction:column}}.carousel-viewport{width:100%;margin-top:1rem;padding:1rem 0 2rem;position:relative;overflow:hidden}.carousel-fade-left,.carousel-fade-right{z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.carousel-fade-left{background:linear-gradient(to right, var(--clr-bg), transparent);left:0}.carousel-fade-right{background:linear-gradient(to left, var(--clr-bg), transparent);right:0}.carousel-track{cursor:grab;gap:1.5rem;width:max-content;animation:40s linear infinite carouselScroll;display:flex}.carousel-track:hover{animation-play-state:paused}.carousel-track:active{cursor:grabbing}@keyframes carouselScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.carousel-card{border-radius:var(--radius);transition:var(--ease);flex-direction:column;flex:0 0 300px;display:flex;overflow:hidden}.carousel-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #5400ff33}.cc-thumb{justify-content:center;align-items:center;height:170px;display:flex;position:relative;overflow:hidden}.cc-thumb-icon{color:#ffffff8c}.cc-overlay{opacity:0;transition:var(--ease);background:#5400ffd9;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.carousel-card:hover .cc-overlay{opacity:1}.cc-action{color:#fff;width:42px;height:42px;transition:var(--ease);background:#fff3;border:1.5px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.cc-action:hover{background:#ffffff59;transform:scale(1.1)}.cc-body{flex:1;padding:1.25rem}.cc-cat{letter-spacing:1.5px;text-transform:uppercase;color:var(--clr-primary);margin-bottom:.35rem;font-size:.7rem;font-weight:800}.cc-title{font-family:var(--font-head);color:var(--clr-text);margin-bottom:.4rem;font-size:1rem;font-weight:800}.cc-desc{color:var(--clr-text-2);margin-bottom:1rem;font-size:.82rem;line-height:1.5}.cc-tags{flex-wrap:wrap;gap:.35rem;display:flex}.cc-tag{background:var(--clr-primary-alpha);color:var(--clr-primary);border-radius:var(--radius-pill);border:1px solid var(--clr-border-dark);padding:.2rem .6rem;font-size:.7rem;font-weight:700}.about-redesign{grid-template-columns:1fr 1.1fr;align-items:center;gap:4rem;display:grid}.about-hero-photo{flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.ahp-frame{aspect-ratio:4/5;background:var(--clr-surface);border:4px solid #ffffff1a;border-radius:32px;width:100%;max-width:420px;position:relative;box-shadow:0 30px 60px #0009}.ahp-img{object-fit:cover;z-index:2;border-radius:28px;width:100%;height:100%;position:relative}.ahp-glow{background:var(--clr-primary-grad);filter:blur(25px);opacity:.3;z-index:1;border-radius:40px;animation:4s infinite alternate pulseGlow;position:absolute;inset:-15px}@keyframes pulseGlow{0%{opacity:.2;transform:scale(.98)}to{opacity:.4;transform:scale(1.02)}}.ahp-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-pill);font-family:var(--font-head);color:#fff;z-index:3;background:#18181bcc;border:1px solid #ffffff1a;align-items:center;gap:.6rem;padding:.8rem 1.5rem;font-weight:800;display:flex;position:absolute;bottom:2rem;right:-2rem;box-shadow:0 10px 30px #00000080}.ahp-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pingDot}.ahp-socials{gap:1rem;display:flex}.ahp-soc{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--clr-border);width:48px;height:48px;color:var(--clr-primary-light);transition:var(--ease);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 5px 15px #0000004d}.ahp-soc:hover{background:var(--clr-primary);color:#fff;transform:translateY(-3px)}.about-hero-content{flex-direction:column;display:flex}.ahc-greeting{font-family:var(--font-head);color:var(--clr-text);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.ahc-desc{color:var(--clr-text-2);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.ahc-stats{border-bottom:1px solid var(--clr-border);gap:2rem;margin-bottom:2.5rem;padding-bottom:2.5rem;display:flex}.ahc-stat-box{flex-direction:column;gap:.25rem;display:flex}.ahc-stat-num{font-family:var(--font-head);color:var(--clr-primary);font-size:2rem;font-weight:800;line-height:1}.ahc-stat-text{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.ahc-cards{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.ahc-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);transition:var(--ease);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.ahc-card:hover{border-color:var(--clr-primary);transform:translateY(-3px)}.ahc-card-icon{background:var(--clr-primary-grad);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ahc-card-title{font-family:var(--font-head);color:var(--clr-text);margin-bottom:.2rem;font-size:1rem;font-weight:800}.ahc-card-desc{color:var(--clr-text-2);font-size:.85rem}@media (width<=900px){.about-redesign{grid-template-columns:1fr;gap:3rem}.ahp-frame{max-width:340px}.ahp-badge{right:-1rem}}@media (width<=500px){.ahc-stats{flex-wrap:wrap;gap:1.5rem}.ahc-cards{grid-template-columns:1fr}}.timeline-container{flex-direction:column;gap:2rem;padding-left:2rem;display:flex;position:relative}.timeline-container:before{content:"";background:var(--clr-primary-alpha-2);width:2px;position:absolute;top:0;bottom:0;left:6px}.timeline-item{position:relative}.timeline-node{background:var(--clr-primary);width:14px;height:14px;box-shadow:0 0 0 4px var(--clr-primary-alpha);z-index:2;transition:var(--ease);border-radius:50%;position:absolute;top:.25rem;left:-2rem}.timeline-item:hover .timeline-node{box-shadow:0 0 0 8px var(--clr-primary-alpha)}.timeline-content{background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius);transition:var(--ease);padding:1.5rem}.timeline-item:hover .timeline-content{border-color:var(--clr-primary);transform:translate(5px);box-shadow:0 10px 30px #5400ff14}.tc-year{font-family:var(--font-head);letter-spacing:1px;color:var(--clr-primary);background:var(--clr-primary-alpha);border-radius:var(--radius-pill);margin-bottom:.8rem;padding:.2rem .65rem;font-size:.75rem;font-weight:800;display:inline-block}.tc-role{font-family:var(--font-head);color:var(--clr-text);margin-bottom:.3rem;font-size:1.1rem;font-weight:800}.tc-org{color:var(--clr-primary);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.tc-desc{color:var(--clr-text-2);font-size:.85rem;line-height:1.6}.loader-screen{z-index:9999;background:#fff;justify-content:center;align-items:center;animation:.5s 2.3s forwards loaderFadeOut;display:flex;position:fixed;inset:0}@keyframes loaderFadeOut{to{opacity:0;pointer-events:none}}.loader-inner{flex-direction:column;align-items:center;gap:2rem;display:flex}.loader-logo{animation:.6s cubic-bezier(.16,1,.3,1) both loaderPop}.ll-img{filter:drop-shadow(0 0 30px #5400ff4d);width:auto;height:44px}@keyframes loaderPop{0%{opacity:0;transform:scale(.7)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.loader-bar-wrap{background:#5400ff1a;border-radius:99px;width:260px;height:3px;overflow:hidden}.loader-bar{background:var(--clr-primary-grad);border-radius:99px;height:100%;animation:2.2s cubic-bezier(.4,0,.2,1) forwards loaderProgress;box-shadow:0 0 12px #5400ff80}@keyframes loaderProgress{0%{width:0%}30%{width:40%}60%{width:70%}to{width:100%}}.loader-text{font-family:var(--font-head);color:var(--clr-text-muted);letter-spacing:1px;font-size:.9rem;font-weight:600;animation:.6s cubic-bezier(.16,1,.3,1) .3s both loaderPop}.site-wrap{width:100%}.site-hidden{opacity:0}.site-visible{opacity:1;transition:opacity .6s .1s}.footer{background:var(--clr-bg);margin-top:20px;padding:60px 0 40px}.footer-cta-banner{background:linear-gradient(135deg,#1a0050 0%,#12003a 50%,#0a0020 100%);border:1px solid #7b3fff4d;border-radius:28px;justify-content:space-between;align-items:center;gap:3rem;padding:3.5rem 4rem;display:flex;position:relative;overflow:hidden}.footer-cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#5400ff40 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-150px;left:-100px}.footer-cta-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#a855f733 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-100px;right:-80px}.fcb-left{z-index:2;flex:1;position:relative}.fcb-eyebrow{font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;color:var(--clr-primary-light);border-radius:var(--radius-pill);background:#5400ff26;margin-bottom:1.2rem;padding:.3rem .9rem;font-size:.78rem;font-weight:700;display:inline-block}.fcb-left h2{font-family:var(--font-head);color:#ffffffd9;letter-spacing:-1.5px;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800;line-height:1.15}.fcb-left h2 span{color:#fff}.fcb-right{z-index:2;flex-direction:column;flex-shrink:0;gap:1rem;display:flex;position:relative}.fcb-btn{white-space:nowrap;justify-content:center}.fcb-right .btn-outline{color:#ffffffd9;background:#ffffff14;border:1px solid #fff3;font-size:.9rem}.fcb-right .btn-outline:hover{color:#fff;background:#ffffff26;border-color:#fff6}.footer-divider{background:var(--clr-border);height:1px;margin:3rem 0 2.5rem}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2.5rem;display:flex}.footer-brand{flex-direction:column;gap:.75rem;display:flex}.f-logo-img{width:auto;height:24px}.footer-brand p{color:var(--clr-text-muted);font-size:.9rem;font-weight:500}.footer-links{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.footer-links a{font-family:var(--font-head);color:var(--clr-text-2);transition:var(--ease);font-size:.9rem;font-weight:700;text-decoration:none}.footer-links a:hover{color:var(--clr-primary)}.footer-socials{align-items:center;gap:.75rem;display:flex}.f-soc{background:var(--clr-surface);border:1px solid var(--clr-border-dark);width:42px;height:42px;color:var(--clr-text-2);transition:var(--ease);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.f-soc:hover{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary);transform:translateY(-3px);box-shadow:0 8px 20px #5400ff40}.footer-copy{text-align:center;color:var(--clr-text-muted);border-top:1px solid var(--clr-border);padding-top:1.5rem;font-size:.85rem;font-weight:500}@media (width<=768px){.footer-cta-banner{flex-direction:column;padding:2.5rem 2rem}.fcb-right,.fcb-right .btn{width:100%}.footer-row{gap:2rem}.footer-links{gap:1.25rem}}@media (width<=1024px){.hero-split{padding-bottom:4rem;flex-direction:column!important;min-height:auto!important}.hero-split-left,.hero-split-right{flex:none!important;width:100%!important}.hero-split-left{text-align:center;padding:140px 2rem 40px!important}.hero-actions{justify-content:center}.hero-stats{justify-content:center;gap:2rem}.hero-split-right{margin-top:2rem;height:480px!important}.hps-card-top{top:10%!important;left:10%!important;right:auto!important}.hps-card-bottom{bottom:10%!important;right:10%!important}}@media (width<=768px){.container{padding:0 1.25rem}.section{padding:5rem 0!important}.dock-links,.dock-actions>.dock-cta{display:none!important}.hamburger{z-index:1001;justify-content:center;align-items:center;box-shadow:0 0 20px #7b3fff40;color:#fff!important;background:#7b3fff2e!important;border:1px solid #7b3fff66!important;border-radius:50%!important;width:42px!important;height:42px!important;padding:.55rem!important;display:flex!important}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#000000f7;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:transform .35s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.mobile-nav.open{transform:translate(0)}.mobile-nav a{font-family:var(--font-head);color:#ffffffd9;letter-spacing:-1px;font-size:2rem;font-weight:800;text-decoration:none;transition:color .2s}.mobile-nav a:hover{color:var(--clr-primary-light)}.mobile-nav-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:1.5rem;right:1.5rem}.hero-split{justify-content:center;min-height:100svh;display:flex;overflow:hidden;flex-direction:column!important;padding:6rem 0 4rem!important}.hero-split-right,.hero-split-photo{display:none!important}.hero-split-left{text-align:center;flex-direction:column;order:1;justify-content:center;align-items:center;display:flex;width:100%!important;min-height:auto!important;padding:0 1.5rem!important}.hero-eyebrow{letter-spacing:1.5px;margin:0 auto 1.2rem;padding:.4rem 1.1rem!important;font-size:.75rem!important}.hero-name{text-align:center;margin-bottom:.8rem;letter-spacing:-2.5px!important;font-size:clamp(2.6rem,11vw,3.4rem)!important;line-height:1.02!important}.hero-roles{text-align:center!important;color:#ffffff8c!important;flex-wrap:wrap!important;justify-content:center!important;gap:.3rem!important;margin-bottom:1.1rem!important;font-size:.78rem!important;line-height:1.5!important;display:flex!important}.hero-typed-wrapper{text-align:center!important;justify-content:center!important;min-height:2rem!important;margin-bottom:1rem!important;font-size:1.1rem!important}.hero-desc{text-align:center;line-height:1.75;color:#ffffff73!important;max-width:90%!important;margin:0 auto 2rem!important;font-size:.85rem!important}.hero-actions{align-items:center;gap:.75rem;width:100%;max-width:320px;flex-direction:column!important}.hero-actions .btn{justify-content:center;border-radius:50px!important;width:100%!important;padding:.9rem 1.5rem!important;font-size:.9rem!important}.hero-stats{border-top:1px solid #ffffff12;width:100%;margin-top:2.5rem;padding-top:2rem;flex-flow:wrap!important;justify-content:center!important;gap:2rem!important;display:flex!important}.hero-stats>div{text-align:center}.hero-stat-num{text-align:center;font-size:1.8rem!important}.hero-stat-label{text-align:center;color:#fff6;font-size:.7rem!important}.scroll-hint{display:none!important}.section-title{text-align:center;letter-spacing:-1.5px!important;font-size:clamp(1.8rem,7vw,2.4rem)!important}.section-center-head{text-align:center}.about-redesign{align-items:center;flex-direction:column!important;gap:2.5rem!important}.about-hero-photo{width:100%!important;max-width:240px!important;margin:0 auto!important}.about-hero-content{text-align:center;padding:0!important}.ahc-greeting{font-size:1.5rem!important}.ahp-socials{justify-content:center!important}.ahc-stats{flex-wrap:wrap!important;justify-content:center!important;gap:1rem!important;display:flex!important}.ahc-stat-box{text-align:center!important;min-width:80px!important}.ahc-cards{flex-direction:column!important;gap:.75rem!important}.skills-master-grid{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.skills-cat-panel{grid-template-columns:1fr 1fr!important;gap:1rem!important;display:grid!important}.skill-cat-card{padding:1rem!important}.skills-bar-panel{padding:1.25rem!important}.sbp-bars{gap:1rem!important}.journey-master,.journey-bottom{flex-direction:column!important;gap:2rem!important}.journey-block{width:100%!important}.timeline-container{padding-left:1.25rem!important}.edu-cards{gap:1rem!important}.project-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.5rem 0;display:flex}.pf-btn{border-radius:50px!important;padding:.5rem 1rem!important;font-size:.78rem!important}.carousel-card{min-width:280px!important;max-width:310px!important}.contact-wrapper{flex-direction:column!important;gap:2rem!important}.contact-info-item{gap:.85rem!important}.contact-form-card{padding:1.5rem!important}.form-row{flex-direction:column!important;gap:1rem!important}.footer-cta-banner{text-align:center;flex-direction:column;gap:1.5rem;padding:2rem 1.25rem}.fcb-right{flex-direction:column;gap:.75rem;width:100%}.fcb-right .btn{justify-content:center;width:100%}.footer-row{text-align:center;flex-direction:column;gap:2rem}.footer-links{flex-flow:wrap;justify-content:center;gap:1rem}.footer-socials{justify-content:center}.footer-brand{align-items:center}}@media (width<=480px){.hero-name{letter-spacing:-2px!important;font-size:clamp(2.2rem,12vw,2.8rem)!important}.hero-typed-wrapper{font-size:.95rem!important}.hero-actions{max-width:100%}.skills-cat-panel{grid-template-columns:1fr!important}.carousel-card{min-width:260px!important}}.showcase-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;margin-top:3rem;display:grid}@media (width<=968px){.showcase-layout{grid-template-columns:1fr;gap:2rem}}.mock-macbook{width:100%;max-width:520px;margin:0 auto;position:relative}.macbook-screen{aspect-ratio:16/10;background:#000;border:12px solid #1a1a1a;border-bottom:none;border-radius:16px 16px 0 0;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.macbook-viewport{background:#030712;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.macbook-content-scroll{flex-grow:1;position:relative;overflow:hidden}.macbook-glare{pointer-events:none;z-index:5;background:linear-gradient(135deg,#ffffff14 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.macbook-body{background:linear-gradient(#4b5563,#1f2937);border-radius:0 0 16px 16px;height:14px;position:relative;box-shadow:0 10px 20px #0006}.macbook-notch{background:#0e1118;border-radius:0 0 4px 4px;width:70px;height:6px;margin:0 auto}.mock-iphone{aspect-ratio:9/19;z-index:10;background:#000;border:7px solid #1c1c1e;border-radius:26px;width:140px;position:absolute;bottom:-30px;right:-20px;overflow:hidden;box-shadow:0 20px 40px #0009}@media (width<=580px){.mock-iphone{display:none}}.iphone-viewport{background:#030712;width:100%;height:100%;position:relative;overflow:hidden}.iphone-island{z-index:10;background:#000;border-radius:6px;width:42px;height:12px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.showcase-selector-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b152899;border:1px solid #00d2ff26;padding:2rem}.showcase-project-tab{border-radius:var(--radius-sm);width:100%;color:var(--clr-text-2);cursor:pointer;transition:var(--ease);text-align:left;background:#ffffff05;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding:1rem 1.2rem;display:flex}.showcase-project-tab:last-child{margin-bottom:0}.showcase-project-tab.active{background:var(--clr-primary-alpha);border-color:var(--clr-primary);color:#fff;box-shadow:0 0 15px #00d2ff26}.showcase-project-tab:hover:not(.active){background:#ffffff0f;border-color:#00d2ff33}.showcase-tab-title{font-family:var(--font-head);font-size:1rem;font-weight:700}.showcase-tab-category{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem;font-size:.72rem}.parallax-layer{pointer-events:none;z-index:0;transition:transform .1s cubic-bezier(.1,.8,.2,1);position:absolute}.parallax-orb{filter:blur(80px);opacity:.6;border-radius:50%}.parallax-ring{border:2px dashed #00d2ff33;border-radius:50%;animation:25s linear infinite rotateClockwise}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.projects-deck-grid{grid-template-columns:1fr 1.5fr;align-items:stretch;gap:3rem;margin-top:3rem;display:grid}@media (width<=968px){.projects-deck-grid{grid-template-columns:1fr;gap:2rem}}.projects-sidebar-list{flex-direction:column;gap:1rem;display:flex}.project-deck-item-btn{border-radius:var(--radius);text-align:left;cursor:pointer;background:#0b152866;border:1px solid #00d2ff1f;align-items:center;gap:1.2rem;width:100%;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-deck-item-btn:before{content:"";background:var(--clr-primary);width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.project-deck-item-btn.active{background:#0b1528d9;border-color:#00d2ff66;box-shadow:0 8px 30px #00d2ff26,inset 0 1px #ffffff0d}.project-deck-item-btn.active:before{transform:scaleY(1)}.project-deck-item-btn:hover:not(.active){background:#0b152899;border-color:#00d2ff40;transform:translate(5px)}.project-deck-icon-wrap{width:46px;height:46px;color:var(--clr-text-muted);transition:var(--ease);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;display:flex}.project-deck-item-btn.active .project-deck-icon-wrap{background:var(--clr-primary-grad);color:#fff;border-color:#0000;box-shadow:0 4px 15px #00d2ff4d}.project-deck-meta-title{font-family:var(--font-head);color:#fff;margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.project-deck-meta-desc{color:var(--clr-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:.82rem;overflow:hidden}.project-presentation-terminal{border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b15288c;border:1px solid #00d2ff2e;flex-direction:column;justify-content:space-between;padding:2.2rem;display:flex;box-shadow:0 20px 50px #0006}.device-browser-header{background:#03071280;border-bottom:1px solid #ffffff0f;border-radius:12px 12px 0 0;align-items:center;gap:.5rem;height:38px;padding:0 1rem;display:flex}.browser-dot{background:#ffffff26;border-radius:50%;width:10px;height:10px}.browser-dot:first-child{background:#ef4444}.browser-dot:nth-child(2){background:#eab308}.browser-dot:nth-child(3){background:#22c55e}.browser-address-bar{max-width:450px;height:22px;color:var(--clr-text-muted);background:#ffffff0d;border-radius:6px;flex-grow:1;align-items:center;margin-left:2rem;padding:0 .8rem;font-family:monospace;font-size:.72rem;display:flex}.device-showcase-frame{background:#030712;border:1px solid #ffffff0d;border-radius:0 0 12px 12px;justify-content:center;align-items:center;height:250px;margin-top:1rem;display:flex;position:relative;overflow:hidden}.device-showcase-overlay{background:linear-gradient(#0000 40%,#030712e6 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.project-details-wrap{margin-top:1.5rem}.project-feature-list{grid-template-columns:1fr 1fr;gap:.6rem 1.2rem;margin:1.2rem 0;list-style:none;display:grid}.project-feature-item{color:var(--clr-text-2);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.project-feature-bullet{color:var(--clr-primary);align-items:center;display:flex}.portfolio-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#030712bf;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.portfolio-modal-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);width:100%;max-width:900px;max-height:90vh;padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.portfolio-modal-close{color:var(--clr-text);cursor:pointer;width:40px;height:40px;transition:var(--ease);background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.2rem;right:1.2rem}.portfolio-modal-close:hover{background:#ffffff26;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.portfolio-visual-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:3rem;display:grid}.portfolio-visual-card{border-radius:var(--radius);flex-direction:column;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;overflow:hidden;background:#0b152866!important;border:1px solid #00d2ff1a!important}.portfolio-visual-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00d2ff1a;border-color:#00d2ff4d!important}.pvc-media{background:#0003;width:100%;height:200px;position:relative;overflow:hidden}.pvc-video-wrap{width:100%;height:100%;position:relative}.pvc-video{object-fit:cover;width:100%;height:100%}.pvc-video-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.pvc-video-wrap:hover .pvc-video-overlay{opacity:1}.pvc-play-btn{background:var(--clr-primary);color:#030712;cursor:pointer;width:50px;height:50px;box-shadow:0 0 15px var(--clr-primary);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex}.pvc-play-btn:hover{transform:scale(1.1)}.pvc-image-placeholder{color:#fffc;opacity:.85;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.pvc-badge{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5;background:#030712bf;border:1px solid #ffffff1a;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}.pvc-info{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.pvc-title{font-family:var(--font-head);color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.pvc-desc{color:var(--clr-text-2);flex-grow:1;margin-bottom:1.2rem;font-size:.88rem;line-height:1.5}.pvc-tags{flex-wrap:wrap;gap:.4rem;display:flex}.pvc-tag{color:var(--clr-primary-light);border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.pvc-design-only{cursor:pointer;height:100%}.pvc-design-only .pvc-media{flex-grow:1;height:100%!important}.pvc-design-only .pvc-image-wrap{width:100%;height:100%;position:relative;overflow:hidden}.pvc-design-only img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.pvc-design-only:hover img{transform:scale(1.08)}.pvc-design-overlay{opacity:0;background:linear-gradient(#0000 0%,#0307124d 40%,#030712e6 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.pvc-design-only:hover .pvc-design-overlay{opacity:1}.pvc-design-title{font-family:var(--font-head);color:#fff;margin-bottom:.25rem;font-size:1.15rem;font-weight:800;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.pvc-design-only:hover .pvc-design-title{transform:translateY(0)}.pvc-design-tag{color:var(--clr-primary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;transition:transform .4s cubic-bezier(.16,1,.3,1) 50ms;transform:translateY(10px)}.pvc-design-only:hover .pvc-design-tag{transform:translateY(0)}.invoice-carousel-container{flex-direction:column;gap:1rem;width:100%;display:flex}.invoice-carousel-viewport{aspect-ratio:16/10;background:#03071266;border:1px solid #ffffff14;border-radius:12px;width:100%;position:relative;overflow:hidden}.invoice-carousel-track{width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex}.invoice-carousel-slide{justify-content:center;align-items:center;min-width:100%;height:100%;display:flex;overflow:hidden}.invoice-carousel-img{object-fit:contain;width:100%;height:100%;display:block}.invoice-carousel-arrow{color:#fff;cursor:pointer;z-index:10;background:#030712b3;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .3s,transform .2s,border-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.invoice-carousel-arrow:hover{background:var(--clr-primary);color:#030712;border-color:var(--clr-primary);transform:translateY(-50%)scale(1.05)}.invoice-carousel-arrow.prev{left:1rem}.invoice-carousel-arrow.next{right:1rem}.invoice-carousel-dots{justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.invoice-carousel-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s,transform .3s}.invoice-carousel-dot:hover{background:#fff9}.invoice-carousel-dot.active{background:var(--clr-primary);transform:scale(1.2)}@media (width<=768px){.portfolio-visual-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media (width<=580px){.portfolio-modal-overlay{padding:.75rem}.portfolio-modal-card{max-height:95vh;padding:1.25rem}.invoice-carousel-arrow{width:36px;height:36px}.invoice-carousel-arrow.prev{left:.5rem}.invoice-carousel-arrow.next{right:.5rem}.invoice-carousel-viewport{aspect-ratio:4/3}}@media (width<=480px){.portfolio-visual-grid{grid-template-columns:1fr;gap:1.25rem}.pvc-media{height:180px!important}.pvc-design-only .pvc-media{height:280px!important}}.dev-terminal-toggle{background:var(--clr-primary);color:#030712;cursor:pointer;z-index:9999;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s,background .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #00d2ff66}.dev-terminal-toggle:hover{background:var(--clr-primary-light);transform:scale(1.1)rotate(5deg)}.dev-status-beacon{background-color:#10b981;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite beaconPulse;box-shadow:0 0 10px #10b981}@keyframes beaconPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.dev-dash-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.dev-dash-widget{background:#03071266;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.ddw-label{color:var(--clr-text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.75rem}.ddw-val{font-family:Fira Code,Consolas,monospace;font-size:1.5rem;font-weight:700;line-height:1.2}.ddw-unit{color:var(--clr-text-2);font-size:.8rem;font-weight:400}.ddw-sub{color:#fff6;margin-top:.4rem;font-size:.7rem}.ddw-progress-track{background:#ffffff1a;border-radius:2px;width:100%;height:4px;margin-top:.6rem;overflow:hidden}.ddw-progress-fill{border-radius:2px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}@media (width<=900px){.dev-dash-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.dev-dash-grid{grid-template-columns:1fr;gap:1rem}}.dev-terminal-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9998;background:#030712f2;border:1px solid #00d2ff33;border-radius:12px;flex-direction:column;width:420px;height:320px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:6rem;right:2rem;overflow:hidden;box-shadow:0 20px 50px #0009}.dev-terminal-header{background:#0b1528cc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:36px;padding:0 1rem;display:flex}.dth-controls{gap:.4rem;display:flex}.dth-btn{cursor:pointer;border-radius:50%;width:12px;height:12px}.dth-btn.close{background:#ef4444}.dth-btn.minimize{background:#f59e0b}.dth-btn.maximize{opacity:.5;cursor:not-allowed;background:#10b981}.dth-title{color:var(--clr-text-2);font-family:Fira Code,monospace;font-size:.75rem}.dev-terminal-body{color:#a7f3d0;flex-direction:column;flex-grow:1;padding:1rem;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.8rem;display:flex;overflow-y:auto}.dtb-history{flex-direction:column;gap:.6rem;display:flex}.dtb-line.output{color:#fff}.dtb-output{white-space:pre-wrap;font-family:inherit;font-size:inherit;margin:0;line-height:1.4}.dtb-prompt{color:var(--clr-primary);font-weight:700}.dtb-form{align-items:center;margin-top:.6rem;display:flex}.dtb-input{font-family:inherit;font-size:inherit;flex-grow:1;padding:0 .4rem;color:#fff!important;background:0 0!important;border:none!important;outline:none!important}.dev-terminal-body::-webkit-scrollbar{width:4px}.dev-terminal-body::-webkit-scrollbar-track{background:0 0}.dev-terminal-body::-webkit-scrollbar-thumb{background:#00d2ff33;border-radius:2px}@media (width<=480px){.dev-terminal-drawer{width:calc(100vw - 2rem);height:280px;bottom:5.5rem;right:1rem}.dev-terminal-toggle{width:48px;height:48px;bottom:1.5rem;right:1.5rem}}.hero-ide-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b152873;border:1px solid #00d2ff26;border-radius:12px;width:100%;max-width:650px;margin-top:1.8rem;margin-bottom:1.8rem;overflow:hidden;box-shadow:0 15px 35px #0006}.hic-header{background:#03071299;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:36px;padding:0 1rem;display:flex}.hic-dots{gap:.4rem;display:flex}.hic-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.hic-close{background:#ef4444}.hic-min{background:#f59e0b}.hic-max{background:#10b981}.hic-filename{color:var(--clr-text-2);font-family:Fira Code,monospace;font-size:.75rem}.hic-body{text-align:left;font-family:Fira Code,Consolas,monospace;font-size:.85rem}.hic-body.split{align-items:stretch;display:flex}.hic-split-code{border-right:1px solid #ffffff0d;flex:1;padding:1.25rem}.hic-split-canvas{background:#03071233;justify-content:center;align-items:center;width:180px;padding:1rem;display:flex}.hsc-canvas-workspace{aspect-ratio:1;background:#03071266;border:1px solid #ffffff0d;border-radius:6px;width:100%;position:relative;overflow:hidden}.hsc-vector-svg{width:100%;height:100%}.hsc-vector-path{stroke-dasharray:200;stroke-dashoffset:200px;animation:4s cubic-bezier(.16,1,.3,1) infinite alternate drawPath}@keyframes drawPath{to{stroke-dashoffset:0}}.hic-line{color:#fff}.hic-line.indent{padding-left:1.5rem}.hic-kw{color:#f472b6}.hic-var{color:#38bdf8}.hic-key{color:#fb7185}.hic-str{color:#34d399}.hic-cursor{background:var(--clr-primary);vertical-align:middle;width:7px;height:15px;margin-left:4px;animation:1s infinite alternate hicPulse;display:inline-block}@keyframes hicPulse{0%{opacity:0}to{opacity:1}}@media (width<=580px){.hero-ide-card{max-width:100%;margin-top:1.5rem;margin-bottom:1.5rem}.hic-body.split{flex-direction:column}.hic-split-code{border-bottom:1px solid #ffffff0d;border-right:none}.hic-split-canvas{width:100%;height:180px}.hsc-canvas-workspace{width:140px;height:140px}}.invoice-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--clr-text);margin-bottom:.25rem;font-weight:500}.form-group input,.form-group select{border:1px solid var(--clr-muted);background:var(--clr-bg);color:var(--clr-text);border-radius:4px;padding:.5rem .75rem}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.invoice-table th,.invoice-table td{border:1px solid var(--clr-muted);text-align:left;padding:.5rem}.invoice-table th{background:var(--clr-bg-soft)}.invoice-summary{text-align:right;margin-top:1rem;font-size:1.1rem}.invoice-preview{color:#000;background:#fff;margin-top:2rem;padding:1rem;box-shadow:0 0 10px #0000001a}.invoice-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.invoice-logo{max-height:60px}.invoice-details h3{margin:0}.invoice-meta{justify-content:space-between;margin-bottom:1rem;display:flex}