*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{font-family:inherit}:root{--color-bg:#09090f;--color-bg-alt:#0d0d15;--color-surface:#13131f;--color-surface-hover:#1a1a2a;--color-border:#1e1e30;--color-border-hover:#2d2d4a;--color-text:#e8eaf0;--color-text-secondary:#8b8fa8;--color-text-tertiary:#5a5e78;--color-primary:#6366f1;--color-primary-light:#818cf8;--color-cyan:#22d3ee;--color-purple:#a855f7;--color-green:#10b981;--max-width:1100px;--section-py:140px;--radius:16px;--radius-sm:10px;--radius-xs:6px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1)}.skip-link{z-index:100000;background:var(--color-primary);color:#fff;border-radius:var(--radius-xs);padding:8px 16px;font-size:.875rem;position:absolute;top:-100%;left:16px}.skip-link:focus{top:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.scroll-progress{background:linear-gradient(90deg, var(--color-cyan), var(--color-primary), var(--color-purple));transform-origin:0;z-index:10000;height:2px;position:fixed;top:0;left:0;right:0}.noise-overlay{z-index:9990;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px;position:fixed;inset:0}.page-loader{z-index:99999;background:var(--color-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-content{width:320px}.loader-greeting{text-transform:uppercase;letter-spacing:4px;color:var(--color-text-tertiary);margin-bottom:8px;font-size:.7rem;font-weight:600}.loader-name{letter-spacing:-1px;background:linear-gradient(135deg, var(--color-text), var(--color-primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:40px;font-size:2rem;font-weight:800}.loader-progress{flex-direction:column;gap:12px;display:flex}.loader-bar-track{background:var(--color-border);transform-origin:0;height:1px;position:relative}.loader-bar-fill{background:linear-gradient(90deg, var(--color-cyan), var(--color-primary));height:100%;transition:width .3s;position:absolute;top:0;left:0}.loader-meta{justify-content:space-between;align-items:center;display:flex}.loader-text{color:var(--color-text-tertiary);letter-spacing:1px;text-transform:uppercase;font-size:.68rem}.loader-percent{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:.8rem;font-weight:700}.star-field{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.app{z-index:1;min-height:100vh;position:relative;overflow:hidden}.space-navigator{width:100vw;height:100vh;position:relative;overflow:hidden}.space-page{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;inset:0}.planet-page{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;width:100%;height:100%;padding:60px 32px;display:flex;position:relative;overflow:hidden auto}.planet-page>*{max-width:var(--max-width);width:100%;margin-left:auto;margin-right:auto}@media (width<=768px){.planet-page{padding:40px 20px}}.flight-fullscreen{z-index:9000;background:#07070d;position:fixed;inset:0}.flight-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.fl-zoom-wrapper{will-change:transform, opacity;position:absolute;inset:0}.fl-ship{z-index:10;filter:drop-shadow(0 0 15px #6366f180);will-change:transform, left, top;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}.fl-engines-wrap{flex-direction:column;align-items:center;margin-top:-4px;animation:.1s ease-in-out infinite alternate flame-flicker;display:flex;position:relative}@keyframes flame-flicker{0%{transform:scaleX(1)scaleY(1)}to{transform:scaleX(.75)scaleY(1.25)}}.fl-flame-main{opacity:.95;z-index:2;background:linear-gradient(#22d3ee,#6366f1 40%,#a855f7 70%,#0000);border-radius:0 0 50% 50%;width:6px;height:30px;position:relative}.fl-flame-mid{z-index:1;background:radial-gradient(at top,#6366f166 0%,#a855f714 50%,#0000 80%);border-radius:0 0 50% 50%;width:16px;height:42px;position:absolute;top:0}.fl-flame-outer{z-index:0;background:radial-gradient(at top,#22d3ee1a 0%,#0000 60%);border-radius:0 0 50% 50%;width:28px;height:60px;position:absolute;top:0}.fl-planet-wrap{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute}.fl-planet-depart{bottom:8vh;left:50%;transform:translate(-50%)}.fl-planet-arrive{top:45%;left:50%;transform:translate(-50%,-50%)}.fl-planet-sphere{border-radius:50%;width:140px;height:140px;position:relative;overflow:hidden}.fl-planet-sphere-lg{width:220px;height:220px}.fl-planet-shine{background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);border-radius:50%;position:absolute;inset:0}.fl-planet-detail{border-radius:40%;position:absolute}.fl-planet-detail-1{opacity:.6;width:40%;height:25%;top:35%;left:15%}.fl-planet-detail-2{opacity:.4;width:25%;height:15%;top:60%;left:50%}.fl-planet-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:2px;font-size:.6rem;font-weight:600}.fl-planet-label-lg{color:var(--color-text);letter-spacing:3px;font-size:.75rem;font-weight:700}.fl-destination-text{text-align:center;z-index:20;position:absolute;bottom:15vh;left:50%;transform:translate(-50%)}.fl-dest-sub{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:3px;margin-bottom:8px;font-size:.62rem;font-weight:600;display:block}.fl-dest-title{letter-spacing:-.5px;font-size:1.8rem;font-weight:800;display:block}@media (width<=768px){.fl-planet-sphere{width:100px;height:100px}.fl-planet-sphere-lg{width:160px;height:160px}.fl-planet-fill{width:180px;height:180px}}.space-nav{z-index:9500;flex-direction:column;gap:20px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.space-nav-dot{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:4px;display:flex;position:relative}.space-nav-planet{background:var(--color-border);width:8px;height:8px;box-shadow:none;border-radius:50%;transition:all .4s}.space-nav-dot.active .space-nav-planet{background:var(--color-cyan);width:12px;height:12px;box-shadow:0 0 12px #22d3ee80}.space-nav-dot.past .space-nav-planet{background:var(--color-primary)}.space-nav-label{color:var(--color-text);white-space:nowrap;letter-spacing:1px;text-transform:uppercase;pointer-events:none;font-size:.6rem;font-weight:600;position:absolute;right:24px}.scroll-hint{z-index:9500;color:var(--color-text-tertiary);letter-spacing:2px;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;font-size:.65rem;font-weight:500;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.scroll-hint span:first-child{font-size:1.2rem}.section-nav-container{pointer-events:none;z-index:20;position:absolute;inset:0}.section-nav{pointer-events:auto;cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;transition:color .3s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.section-nav:hover{color:var(--color-text-secondary)}.section-nav:hover .section-nav-arrow{color:var(--color-cyan)}.section-nav-top{top:10px}.section-nav-bottom{bottom:10px}.section-nav-arrow{transition:color .3s}.section-nav-top .section-nav-arrow{animation:2s ease-in-out infinite nav-bounce-up}.section-nav-bottom .section-nav-arrow{animation:2s ease-in-out infinite nav-bounce-down}@keyframes nav-bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes nav-bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.section-nav-label{letter-spacing:1.5px;text-transform:uppercase;font-size:.6rem;font-weight:600}@media (width<=768px){.section-nav{padding:8px 16px}.section-nav-label{font-size:.55rem}}.solar-nav-hint{z-index:10;pointer-events:none;animation:1s 2.5s both hint-fade-in;position:absolute;bottom:60px;right:10%}@keyframes hint-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.solar-nav-hint-pulse{background:var(--color-cyan);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite hint-pulse;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}@keyframes hint-pulse{0%,to{transform:translateY(-50%)scale(1);box-shadow:0 0 #22d3ee80}50%{transform:translateY(-50%)scale(1.2);box-shadow:0 0 0 10px #22d3ee00}}.solar-nav-hint-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-cyan);letter-spacing:.3px;white-space:nowrap;background:#0d0d15d9;border:1px solid #22d3ee33;border-radius:8px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:.7rem;font-weight:500;display:flex}.anim-toggle-wrap{z-index:9500;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.anim-toggle-tooltip{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);white-space:nowrap;letter-spacing:.3px;pointer-events:none;border-radius:6px;padding:5px 10px;font-size:.62rem;font-weight:500}.anim-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-tertiary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.anim-toggle:hover{border-color:var(--color-border-hover);color:var(--color-text)}.anim-toggle.active{color:var(--color-cyan);border-color:#22d3ee4d}@media (width<=768px){.solar-nav-hint{inset:auto auto 12% 50%;transform:translate(-50%)}.anim-toggle-wrap{bottom:16px;right:16px}.anim-toggle{width:32px;height:32px}.anim-toggle-tooltip{display:none}.space-nav{gap:16px;right:12px}.space-nav-label{display:none}}.navbar{z-index:1000;padding:0 32px;position:fixed;top:0;left:0;right:0}.navbar-scrolled{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#09090fbf;border-bottom:1px solid #ffffff08}.navbar-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:72px;margin:0 auto;display:flex}.navbar-logo{color:var(--color-text);cursor:pointer;letter-spacing:-.5px;background:0 0;border:none;font-size:1.15rem;font-weight:800;transition:opacity .3s}.navbar-logo:hover{opacity:.7}.navbar-logo-dot{color:var(--color-primary)}.navbar-links{align-items:center;gap:2px;display:flex}.navbar-link{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:.8rem;font-weight:500;transition:color .3s;position:relative}.navbar-link:hover{color:var(--color-text-secondary)}.navbar-link.active{color:var(--color-text)}.navbar-link-num{color:var(--color-primary);opacity:0;margin-right:4px;font-size:.6rem;font-weight:700;transition:opacity .3s}.navbar-link:hover .navbar-link-num,.navbar-link.active .navbar-link-num{opacity:1}.navbar-indicator{z-index:-1;background:#6366f10f;border:1px solid #6366f11f;border-radius:8px;position:absolute;inset:0}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger-line{background:var(--color-text);transform-origin:50%;border-radius:2px;width:22px;height:1.5px}.navbar-mobile-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#09090ff7;flex-direction:column;gap:4px;padding:32px;display:flex;position:fixed;inset:72px 0 0}.navbar-mobile-link{width:100%;color:var(--color-text-secondary);cursor:pointer;border:none;border-bottom:1px solid var(--color-border);background:0 0;align-items:center;gap:16px;padding:20px 0;font-size:1.2rem;font-weight:500;transition:all .3s;display:flex}.navbar-mobile-link:hover,.navbar-mobile-link.active{color:var(--color-text)}.navbar-mobile-number{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:700}.navbar-mobile-label{text-align:left;flex:1}.navbar-mobile-arrow{color:var(--color-text-tertiary);font-size:.9rem;transition:transform .3s}.navbar-mobile-link:hover .navbar-mobile-arrow{transform:translate(4px)}@media (width<=768px){.navbar{padding:0 20px}.navbar-links{display:none}.navbar-hamburger{display:flex}}.hero{position:relative;overflow:hidden;padding:0!important}.gradient-blob{filter:blur(140px);opacity:.08;z-index:0;pointer-events:none;border-radius:50%;position:absolute}.split-text{flex-wrap:wrap;display:flex}.split-word{display:inline-flex;overflow:hidden}.split-char{will-change:transform;display:inline-block}.hero-solar-bg{z-index:0;width:100vw;height:100vh;position:absolute;top:0;left:0}.solar-system-3d{width:100vw;height:100vh}.solar-system-3d canvas{display:block;width:100vw!important;height:100vh!important}.hero-overlay{z-index:5;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:520px;height:100vh;padding:60px 48px;display:flex;position:absolute;top:0;left:0}.hero-overlay>*{pointer-events:auto}.hero-photo-container{width:72px;height:72px;margin-bottom:20px;position:relative}.hero-photo{object-fit:cover;z-index:2;border:2px solid #6366f14d;border-radius:50%;width:100%;height:100%;position:relative}.hero-photo-ring{z-index:1;border:1px solid #6366f126;border-radius:50%;position:absolute;inset:-5px}.hero-role{color:var(--color-primary-light);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:600}.hero-name{letter-spacing:-2px;color:var(--color-text);margin:0 0 20px;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;line-height:1}.hero-name-accent{background:linear-gradient(135deg, var(--color-primary-light), var(--color-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-bio{color:var(--color-text-secondary);max-width:420px;margin-bottom:20px;font-size:.95rem;line-height:1.7}.hero-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;display:flex}.hero-location{color:var(--color-text-tertiary);align-items:center;gap:4px;font-size:.72rem;display:inline-flex}.hero-badge{color:var(--color-green);letter-spacing:.5px;align-items:center;gap:6px;font-size:.65rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--color-green);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 8px #10b98180}@keyframes pulse-green{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.hero-stats{border-top:1px solid var(--color-border);align-items:center;gap:20px;padding:14px 0;display:flex}.hero-stat{flex-direction:column;gap:2px;display:flex}.hero-stat-value{color:var(--color-text);letter-spacing:-.5px;font-size:1.1rem;font-weight:800}.hero-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.62rem}.hero-stat-divider{background:var(--color-border);width:1px;height:28px}@media (width<=768px){.hero-overlay{text-align:center;background:linear-gradient(#09090fdd 0%,#09090f99 70%,#0000 100%);align-items:center;max-width:100%;height:auto;min-height:auto;padding:100px 24px 20px;position:relative}.hero-solar-bg{height:55vh;top:auto;bottom:0}.hero-name{font-size:clamp(2.2rem,8vw,3.2rem)}.hero-meta,.hero-cta,.hero-stats{justify-content:center}}.hero-marquee-wrap{z-index:5;position:absolute;bottom:60px;left:0;right:0}.hero-scroll-btn{z-index:10;border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-scroll-btn:hover{border-color:var(--color-primary);color:var(--color-primary-light)}.grad-blur{z-index:6;pointer-events:none;position:absolute;left:0;right:0}.grad-blur-bottom{height:120px;bottom:40px}.grad-blur>div{position:absolute;inset:0}.grad-blur-bottom>div:first-child{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);-webkit-mask-image:linear-gradient(#0000 0%,#000 12.5% 25%,#0000 37.5%);mask-image:linear-gradient(#0000 0%,#000 12.5% 25%,#0000 37.5%)}.grad-blur-bottom>div:nth-child(2){-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(#0000 12.5%,#000 25% 37.5%,#0000 50%);mask-image:linear-gradient(#0000 12.5%,#000 25% 37.5%,#0000 50%)}.grad-blur-bottom>div:nth-child(3){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(#0000 25%,#000 37.5% 50%,#0000 62.5%);mask-image:linear-gradient(#0000 25%,#000 37.5% 50%,#0000 62.5%)}.grad-blur-bottom>div:nth-child(4){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(#0000 37.5%,#000 50% 62.5%,#0000 75%);mask-image:linear-gradient(#0000 37.5%,#000 50% 62.5%,#0000 75%)}.grad-blur-bottom>div:nth-child(5){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(#0000 50%,#000 62.5% 75%,#0000 87.5%);mask-image:linear-gradient(#0000 50%,#000 62.5% 75%,#0000 87.5%)}.grad-blur-bottom>div:nth-child(6){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(#0000 62.5%,#000 75% 87.5%,#0000 100%);mask-image:linear-gradient(#0000 62.5%,#000 75% 87.5%,#0000 100%)}.grad-blur-bottom>div:nth-child(7){-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-mask-image:linear-gradient(#0000 75%,#000 87.5% 100%);mask-image:linear-gradient(#0000 75%,#000 87.5% 100%)}.grad-blur-bottom>div:nth-child(8){-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);-webkit-mask-image:linear-gradient(#0000 87.5%,#000 100%);mask-image:linear-gradient(#0000 87.5%,#000 100%)}.marquee-container{padding:14px 0;position:relative;overflow:hidden}.marquee-fade{z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.marquee-fade-left{background:linear-gradient(to right, var(--color-bg), transparent);left:0}.marquee-fade-right{background:linear-gradient(to left, var(--color-bg), transparent);right:0}.footer-marquee .marquee-fade-left{background:linear-gradient(to right, var(--color-bg-alt), transparent)}.footer-marquee .marquee-fade-right{background:linear-gradient(to left, var(--color-bg-alt), transparent)}.marquee-track{gap:32px;width:max-content;display:flex}.marquee-item{color:var(--color-text-tertiary);white-space:nowrap;border-radius:var(--radius-xs);align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.marquee-item:hover{color:var(--color-text-secondary);background:#ffffff08}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all .4s var(--ease-out-expo);border:none;align-items:center;gap:8px;padding:14px 28px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative}.btn-arrow{transition:transform .3s var(--ease-out-expo);font-size:1.1em}.btn:hover .btn-arrow{transform:translate(2px,-2px)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 20px #6366f133}.btn-primary:hover{background:#5558e8;transform:translateY(-2px);box-shadow:0 4px 30px #6366f159}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{color:var(--color-text);border-color:var(--color-border-hover);background:#ffffff05}.btn-full{justify-content:center;width:100%}.section-alt{border-radius:var(--radius);background:#0c0c1480}.section-label{align-items:center;gap:14px;margin-bottom:16px;display:flex}.section-label-number{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700}.section-label-line{background:var(--color-border-hover);width:32px;height:1px}.section-label-text{text-transform:uppercase;letter-spacing:3px;color:var(--color-text-tertiary);font-size:.7rem;font-weight:600}.about-heading,.skills-heading,.exp-heading,.edu-heading,.contact-heading{letter-spacing:-1px;color:var(--color-text);justify-content:flex-start;margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800}.skills-sub,.contact-sub{color:var(--color-text-tertiary);margin-bottom:48px;font-size:.9rem}.about-header,.skills-header,.exp-header,.edu-header,.contact-header{margin-bottom:48px}.about-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:60px;display:grid}.about-description{color:var(--color-text-secondary);margin-bottom:28px;font-size:1rem;line-height:1.85}.about-tags{flex-wrap:wrap;gap:8px;display:flex}.about-tag{color:var(--color-primary-light);letter-spacing:.3px;background:#6366f10f;border:1px solid #6366f11f;border-radius:100px;padding:7px 18px;font-size:.75rem;font-weight:600}.about-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.about-stat-card{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);text-align:center;transition:all .4s var(--ease-out-expo);padding:24px 20px}.stat-icon{width:32px;height:32px;color:var(--color-primary-light);background:#6366f114;border-radius:8px;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.animated-counter{color:var(--color-text);letter-spacing:-1px;font-size:1.8rem;font-weight:800;line-height:1.2;display:block}.stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.7rem;font-weight:500;display:block}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-sub{color:var(--color-text-tertiary);font-size:.9rem}.about-description-extra{color:var(--color-text-tertiary);margin-bottom:24px;font-size:.95rem;line-height:1.8}.about-services-title{margin-top:48px;margin-bottom:20px}.about-services-title h3{color:var(--color-text);font-size:1.3rem;font-weight:700}.services-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.service-card{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);transition:all .4s var(--ease-out-expo);padding:24px}.service-card:hover{background:var(--color-surface-hover)}.service-icon{width:40px;height:40px;color:var(--color-primary-light);background:#6366f114;border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.service-title{color:var(--color-text);margin-bottom:6px;font-size:.88rem;font-weight:700}.service-desc{color:var(--color-text-tertiary);font-size:.75rem;line-height:1.6}@media (width<=900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.services-grid{grid-template-columns:1fr}}.tech-header{margin-bottom:32px}.tech-heading{letter-spacing:-1px;color:var(--color-text);margin-bottom:10px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.tech-heading-accent{background:linear-gradient(135deg, var(--color-cyan), var(--color-primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tech-sub{color:var(--color-text-tertiary);font-size:.88rem;line-height:1.6}.scroll-drawer{will-change:clip-path, transform}.tech-filters{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.tech-filter{color:var(--color-text-tertiary);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.75rem;font-weight:600;transition:color .3s;display:flex;position:relative}.tech-filter:hover{color:var(--color-text-secondary)}.tech-filter.active{color:var(--color-text)}.tech-filter-count{color:var(--color-text-tertiary);opacity:.5;font-size:.6rem;font-weight:700}.tech-filter.active .tech-filter-count{color:var(--color-primary-light);opacity:1}.tech-filter-bg{z-index:-1;background:#6366f114;border:1px solid #6366f12e;border-radius:100px;position:absolute;inset:0}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.tech-card{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);transition:all .4s var(--ease-out-expo);cursor:default;align-items:flex-start;gap:16px;padding:22px;display:flex}.tech-card:hover{background:var(--color-surface-hover);transform:translateY(-3px)}.tech-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.tech-card:hover .tech-card-icon{transform:scale(1.1)rotate(-3deg)}.tech-card-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.tech-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tech-card-name{color:var(--color-text);font-size:.95rem;font-weight:700}.tech-card-cat{text-transform:uppercase;letter-spacing:.8px;border:1px solid;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:.55rem;font-weight:600}.tech-card-desc{color:var(--color-text-tertiary);font-size:.75rem;line-height:1.5}.tech-card-level{gap:4px;margin-top:2px;display:flex}.tech-level-dot{background:var(--color-border);border-radius:50%;width:6px;height:6px;transition:all .3s}.tech-level-dot.filled{transform:scale(1)}@media (width<=768px){.tech-grid{grid-template-columns:1fr}}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.skill-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:all .5s var(--ease-out-expo);padding:28px}.skill-card-header{align-items:center;gap:12px;margin-bottom:22px;display:flex}.skill-card-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.skill-card-title{color:var(--color-text);font-size:.95rem;font-weight:700}.skill-bar{margin-bottom:14px}.skill-bar:last-child{margin-bottom:0}.skill-bar-header{justify-content:space-between;margin-bottom:6px;display:flex}.skill-bar-name{color:var(--color-text-secondary);font-size:.78rem;font-weight:500}.skill-bar-level{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700}.skill-bar-track{background:#ffffff0a;border-radius:4px;height:4px;overflow:hidden}.skill-bar-fill{border-radius:4px;height:100%}.timeline{max-width:800px;position:relative}.timeline-line-track{background:var(--color-border);width:1px;position:absolute;top:0;bottom:0;left:15px}.timeline-line-fill{background:linear-gradient(to bottom, var(--color-cyan), var(--color-primary), var(--color-purple));z-index:1;width:1px;position:absolute;top:0;left:15px}.timeline-item{margin-bottom:40px;padding-left:52px;transition:opacity .4s;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--color-surface);border:1.5px solid var(--color-primary);width:24px;height:24px;color:var(--color-primary-light);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;left:4px}.timeline-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:all .4s var(--ease-out-expo);padding:28px}.timeline-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.timeline-period{color:var(--color-cyan);letter-spacing:.3px;background:#22d3ee0f;border:1px solid #22d3ee1f;border-radius:100px;padding:3px 12px;font-size:.7rem;font-weight:600}.timeline-location{color:var(--color-text-tertiary);font-size:.7rem}.timeline-company{color:var(--color-text);margin-bottom:4px;font-size:1.1rem;font-weight:700}.timeline-role{color:var(--color-primary-light);margin-bottom:18px;font-size:.88rem;font-weight:500}.timeline-list{flex-direction:column;gap:8px;display:flex}.timeline-list li{color:var(--color-text-secondary);padding-left:16px;font-size:.82rem;line-height:1.65;position:relative}.timeline-list li:before{content:"";background:var(--color-border-hover);border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:0}.education-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:40px;display:grid}.education-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:all .5s var(--ease-out-expo);align-items:flex-start;gap:18px;padding:28px;display:flex}.education-icon{width:48px;height:48px;color:var(--color-primary-light);background:#6366f114;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.education-body{flex:1}.education-title{color:var(--color-text);margin-bottom:4px;font-size:.95rem;font-weight:700}.education-institution{color:var(--color-primary-light);margin-bottom:10px;font-size:.82rem}.education-meta{color:var(--color-text-tertiary);gap:12px;font-size:.72rem;display:flex}.education-period{color:var(--color-cyan);font-weight:600}.complementary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px}.complementary-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.complementary-title-wrap{color:var(--color-cyan);align-items:center;gap:10px;display:flex}.complementary-title{color:var(--color-text);font-size:.95rem;font-weight:700}.complementary-source{color:var(--color-text-tertiary);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:1px;border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:600}.complementary-meta{align-items:center;gap:10px;display:flex}.complementary-count{color:var(--color-text-secondary);font-size:.7rem;font-weight:600}.comp-filters{flex-wrap:wrap;gap:4px;margin-bottom:24px;display:flex}.comp-filter{color:var(--color-text-tertiary);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.73rem;font-weight:600;transition:color .3s;display:flex;position:relative}.comp-filter:hover{color:var(--color-text-secondary)}.comp-filter.active{color:var(--color-text)}.comp-filter-count{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:.6rem}.comp-filter-bg{z-index:-1;background:#22d3ee0f;border:1px solid #22d3ee1f;border-radius:100px;position:absolute;inset:0}.complementary-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.comp-card{border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all .4s var(--ease-out-expo);background:#ffffff05;padding:16px 18px}.comp-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.comp-card-area{color:var(--color-cyan);text-transform:uppercase;letter-spacing:1px;background:#22d3ee0f;border-radius:4px;padding:2px 8px;font-size:.6rem;font-weight:700}.comp-card-date{color:var(--color-text-tertiary);align-items:center;gap:4px;font-size:.62rem;font-weight:500;display:flex}.comp-card-name{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;line-height:1.4}.comp-card:hover .comp-card-name{color:var(--color-text)}.complementary-toggle{color:var(--color-primary-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-top:18px;font-size:.8rem;font-weight:600;transition:color .3s;display:inline-flex}.complementary-toggle:hover{color:var(--color-cyan)}.toggle-arrow{transition:transform .3s}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;display:grid}.contact-items{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.contact-item{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);transition:all .4s var(--ease-out-expo);align-items:center;gap:14px;padding:16px 18px;display:flex}.contact-item:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.contact-item:hover .contact-item-arrow{color:var(--color-primary-light);transform:translate(4px)}.contact-item-icon{width:36px;height:36px;color:var(--color-primary-light);background:#6366f114;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-item-text{flex:1}.contact-item-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1px;font-size:.65rem;font-weight:600;display:block}.contact-item-value{color:var(--color-text);font-size:.88rem;font-weight:500;display:block}.contact-item-arrow{color:var(--color-text-tertiary);flex-shrink:0;transition:all .3s}.contact-socials{gap:10px;display:flex}.contact-social{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:8px;padding:10px 18px;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.contact-social:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-surface-hover)}.contact-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:36px}.form-group{margin-bottom:20px}.form-group:last-of-type{margin-bottom:28px}.form-group label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.72rem;font-weight:600;transition:color .3s;display:block}.form-group.focused label{color:var(--color-primary-light)}.form-group input,.form-group textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);outline:none;padding:14px 16px;font-family:inherit;font-size:.88rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f114}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary);opacity:.6}.form-group textarea{resize:vertical;min-height:120px}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:32px}}.footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border)}.footer-marquee{border-bottom:1px solid var(--color-border);padding:4px 0}.footer-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:28px 32px;display:flex}.footer-left{align-items:center;gap:20px;display:flex}.footer-logo{color:var(--color-text);font-size:.95rem;font-weight:800}.footer-logo-dot{color:var(--color-primary)}.footer-copy{color:var(--color-text-tertiary);font-size:.75rem}.footer-top-btn{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-tertiary);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;font-weight:500;transition:all .3s;display:flex}.footer-top-btn:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}@media (width<=768px){.footer-inner{flex-direction:column;gap:20px}.footer-left{text-align:center;flex-direction:column;gap:8px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{color:#fff;background:#6366f140}.text-reveal-wrapper{overflow:hidden}.hero-planets{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.planet-wrapper{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.planet-glow{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.planet-body{z-index:1;border-radius:50%;position:relative;overflow:hidden}.planet-crater{opacity:.5;border-radius:50%;position:absolute}.planet-rings-container{z-index:3;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(70deg)}.planet-ring{background:0 0;border-style:solid;border-width:2px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.planet-ring-inner{border-width:1.5px}.moon-orbit{pointer-events:none;z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.moon-orbit-track{position:absolute;top:0;left:0}.moon{border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.section-planet{z-index:0;pointer-events:none;position:absolute}.section-planet-right{top:15%;right:-40px}.section-planet-left{top:20%;left:-40px}@media (width<=768px){.section-planet{opacity:.5}.section-planet-right{right:-60px}.section-planet-left{left:-60px}.hero-planets{opacity:.6}}.nebula{pointer-events:none;z-index:0;filter:blur(60px);border-radius:50%;position:absolute}
