:root{--bg-primary:#06060b;--bg-secondary:#0e0e18;--bg-tertiary:#14142a;--bg-glass:#0e0e18a6;--bg-glass-strong:#0e0e18d9;--accent-1:#7c3aed;--accent-2:#a855f7;--accent-3:#06b6d4;--accent-4:#22d3ee;--accent-gradient:linear-gradient(135deg, var(--accent-1), var(--accent-3));--accent-gradient-text:linear-gradient(135deg, var(--accent-2), var(--accent-4));--accent-glow-1:0 0 40px #7c3aed40;--accent-glow-2:0 0 40px #06b6d440;--text-primary:#eeeef5;--text-secondary:#9191b0;--text-tertiary:#5a5a7a;--text-accent:var(--accent-2);--border-subtle:#ffffff0f;--border-accent:#7c3aed4d;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--fs-xs:clamp(.7rem, .8vw, .8rem);--fs-sm:clamp(.8rem, 1vw, .9rem);--fs-base:clamp(.95rem, 1.1vw, 1.05rem);--fs-lg:clamp(1.1rem, 1.3vw, 1.25rem);--fs-xl:clamp(1.3rem, 1.8vw, 1.6rem);--fs-2xl:clamp(1.8rem, 2.5vw, 2.2rem);--fs-3xl:clamp(2.2rem, 3.5vw, 3rem);--fs-hero:clamp(3rem, 8vw, 7rem);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-section:clamp(3rem, 6vh, 5rem);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.8s;--z-canvas:-1;--z-content:1;--z-nav:100;--z-modal:200;--z-cursor:300;--z-preloader:400}[data-theme=light]{--bg-primary:#f8f7ff;--bg-secondary:#efedf6;--bg-tertiary:#e4e0f0;--bg-glass:#ffffffa6;--bg-glass-strong:#ffffffe0;--accent-1:#6d28d9;--accent-2:#7c3aed;--accent-3:#0891b2;--accent-4:#0e7490;--accent-gradient:linear-gradient(135deg, var(--accent-1), var(--accent-3));--accent-gradient-text:linear-gradient(135deg, var(--accent-2), var(--accent-4));--accent-glow-1:0 0 40px #6d28d91f;--accent-glow-2:0 0 40px #0891b21f;--text-primary:#1e1b2e;--text-secondary:#4a4660;--text-tertiary:#8885a0;--text-accent:var(--accent-2);--border-subtle:#00000012;--border-accent:#6d28d938}.theme-toggle{background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:44px;height:44px;transition:all .4s var(--ease-out-expo);margin-left:var(--space-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--border-accent);box-shadow:var(--accent-glow-1);transform:scale(1.08)}.theme-toggle:active{transform:scale(.95)}.theme-toggle__icon{transition:all .5s var(--ease-out-expo);color:var(--text-primary);justify-content:center;align-items:center;display:flex;position:absolute}.theme-toggle__icon--sun{opacity:0;transform:scale(.5)rotate(-90deg)}.theme-toggle__icon--moon,[data-theme=light] .theme-toggle__icon--sun{opacity:1;transform:scale(1)rotate(0)}[data-theme=light] .theme-toggle__icon--moon{opacity:0;transform:scale(.5)rotate(90deg)}[data-theme=light] .theme-toggle{background:#6d28d914;border-color:#6d28d926}[data-theme=light] .theme-toggle__icon--sun{color:#d97706}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-1) var(--bg-primary)}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--bg-primary)}html::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:3px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}::selection{color:var(--text-primary);background:#7c3aed59}.text-gradient{background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-highlight{color:var(--accent-4);font-weight:500}.three-canvas{width:100%;height:100%;z-index:var(--z-canvas);pointer-events:none;position:fixed;top:0;left:0}.section{padding:var(--space-section) 0;z-index:var(--z-content);position:relative}.section__container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.section__header{margin-bottom:var(--space-2xl);position:relative}.section__count{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent-2);margin-bottom:var(--space-xs);letter-spacing:.15em;display:block}.section__title{font-family:var(--font-heading);font-size:var(--fs-3xl);letter-spacing:-.02em;font-weight:700;line-height:1.2}.section__line{background:var(--accent-gradient);width:60px;height:3px;margin-top:var(--space-md);border-radius:3px}.btn{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--fs-sm);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out-expo);letter-spacing:.03em;padding:.9em 2em;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn--primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 25px #7c3aed4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 35px #7c3aed80}.btn--primary:before{content:"";background:linear-gradient(135deg, var(--accent-3), var(--accent-1));opacity:0;transition:opacity var(--duration-normal);position:absolute;inset:0}.btn--primary:hover:before{opacity:1}.btn__text,.btn__icon{z-index:1;position:relative}.btn__icon{transition:transform var(--duration-normal) var(--ease-out-expo)}.btn--primary:hover .btn__icon{transform:translate(4px)}.btn--ghost{border:1px solid var(--border-accent);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--ghost:hover{border-color:var(--accent-2);background:#7c3aed1a;transform:translateY(-2px)}.btn--small{font-size:var(--fs-xs);padding:.6em 1.4em}.btn--full{justify-content:center;width:100%}.badge{font-size:var(--fs-xs);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--duration-fast);align-items:center;padding:.4em 1em;display:inline-flex}.badge:hover{border-color:var(--border-accent);transform:translateY(-2px)}.glass-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--duration-normal) var(--ease-out-expo)}.glass-card:hover{border-color:var(--border-accent);box-shadow:var(--accent-glow-1);transform:translateY(-4px)}.form-group{margin-bottom:var(--space-md);position:relative}.form-input{width:100%;font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);border:none;border-bottom:1px solid var(--border-subtle);transition:border-color var(--duration-fast);background:0 0;outline:none;padding:1rem 0}.form-input:focus{border-color:var(--accent-2)}.form-label{font-size:var(--fs-base);color:var(--text-tertiary);pointer-events:none;transition:all var(--duration-fast) var(--ease-out-expo);position:absolute;top:1rem;left:0}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label{font-size:var(--fs-xs);color:var(--accent-2);top:-.7rem}.form-line{background:var(--accent-gradient);width:0;height:2px;transition:width var(--duration-normal) var(--ease-out-expo);position:absolute;bottom:0;left:0}.form-input:focus~.form-line{width:100%}.form-textarea{resize:vertical;min-height:100px}.preloader{z-index:var(--z-preloader);background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader__inner{text-align:center}.preloader__logo{margin-bottom:var(--space-lg);justify-content:center;gap:.3em;display:flex}.preloader__letter{font-family:var(--font-heading);font-size:var(--fs-hero);background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-weight:700;transform:translateY(30px)}.preloader__bar-track{background:var(--bg-tertiary);width:200px;height:2px;margin:0 auto var(--space-sm);border-radius:2px;overflow:hidden}.preloader__bar{background:var(--accent-gradient);border-radius:2px;width:0%;height:100%;transition:width .1s}.preloader__counter{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-tertiary)}.navbar{width:100%;z-index:var(--z-nav);padding:var(--space-sm) var(--space-lg);background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:transform .5s var(--ease-out-expo);position:fixed;top:0;left:0;transform:translateY(-100%)}.navbar.is-visible{transform:translateY(0)}.navbar__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar__logo{font-family:var(--font-heading);font-size:var(--fs-xl);align-items:center;gap:4px;font-weight:700;display:flex}.navbar__logo-text{background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar__logo-dot{background:var(--accent-3);border-radius:50%;width:6px;height:6px}.navbar__links{align-items:center;gap:var(--space-lg);display:flex}.navbar__link{font-size:var(--fs-sm);color:var(--text-secondary);transition:color var(--duration-fast);font-weight:400;position:relative}.navbar__link:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width .3s var(--ease-out-expo);position:absolute;bottom:-4px;left:0}.navbar__link:hover,.navbar__link.is-active{color:var(--text-primary)}.navbar__link:hover:after,.navbar__link.is-active:after{width:100%}.navbar__link--cta{border:1px solid var(--border-accent);border-radius:var(--radius-full);color:var(--accent-2);padding:.5em 1.3em}.navbar__link--cta:after{display:none}.navbar__link--cta:hover{color:var(--text-primary);background:#7c3aed1a}.navbar__hamburger{flex-direction:column;gap:5px;padding:8px;display:none}.navbar__hamburger span{background:var(--text-primary);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.navbar__hamburger.is-active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger.is-active span:nth-child(2){opacity:0}.navbar__hamburger.is-active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar__progress{background:var(--accent-gradient);width:0;height:2px;transition:width .15s;position:absolute;bottom:0;left:0}.mobile-menu{z-index:calc(var(--z-nav) - 1);background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.mobile-menu.is-open{opacity:1;pointer-events:all}.mobile-menu__inner{text-align:center;gap:var(--space-lg);flex-direction:column;display:flex}.mobile-menu__link{font-family:var(--font-heading);font-size:var(--fs-2xl);color:var(--text-secondary);opacity:0;font-weight:600;transition:color .3s;transform:translateY(20px)}.mobile-menu.is-open .mobile-menu__link{opacity:1;transition:all .5s var(--ease-out-expo);transform:translateY(0)}.mobile-menu.is-open .mobile-menu__link:first-child{transition-delay:.1s}.mobile-menu.is-open .mobile-menu__link:nth-child(2){transition-delay:.15s}.mobile-menu.is-open .mobile-menu__link:nth-child(3){transition-delay:.2s}.mobile-menu.is-open .mobile-menu__link:nth-child(4){transition-delay:.25s}.mobile-menu.is-open .mobile-menu__link:nth-child(5){transition-delay:.3s}.mobile-menu__link:hover{color:var(--accent-2)}.hero{min-height:100vh;padding:0 var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative}.hero__content{z-index:2;text-align:center;max-width:900px;position:relative}.hero__greeting{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);opacity:0;display:flex}.hero__line{background:var(--accent-2);width:40px;height:1px}.hero__greeting-text{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent-2);letter-spacing:.1em}.hero__name{margin-bottom:var(--space-md)}.hero__name-line{display:block;overflow:hidden}.hero__name-word{font-family:var(--font-heading);font-size:var(--fs-hero);letter-spacing:-.03em;font-weight:700;line-height:1.05;display:inline-block;transform:translateY(100%)}.hero__name-word--accent{background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__tagline{justify-content:center;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xl);opacity:0;display:flex}.hero__tagline-prefix{font-family:var(--font-mono);color:var(--accent-3);font-size:var(--fs-lg)}.hero__typed{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--text-secondary)}.hero__cursor{font-family:var(--font-mono);color:var(--accent-2);font-size:var(--fs-lg);animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__actions{justify-content:center;gap:var(--space-md);opacity:0;flex-wrap:wrap;display:flex}.hero__grid-overlay{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.about__grid{gap:var(--space-2xl);grid-template-columns:1fr 1.4fr;align-items:start;display:grid}.about__image-wrapper{margin-bottom:var(--space-lg);position:relative}.about__image-frame{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.about__image-placeholder{background:linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary));justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;display:flex}.about__image-dots{background-image:radial-gradient(circle, var(--accent-1) 1.5px, transparent 1.5px);opacity:.4;background-size:12px 12px;width:80px;height:80px;position:absolute;bottom:-15px;right:-15px}.about__image-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#7c3aed26,#0000);width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about__stats{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.about__stat{text-align:center;padding:var(--space-sm);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about__stat-number{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:700}.about__stat-plus{font-family:var(--font-heading);font-size:var(--fs-xl);color:var(--accent-2)}.about__stat-label{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px;display:block}.about__text{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:var(--fs-base)}.about__text--lead{font-size:var(--fs-lg);color:var(--text-primary)}.about__badges{gap:var(--space-xs);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.skills__orbit-container{aspect-ratio:1;width:100%;max-width:600px;margin:0 auto var(--space-2xl);display:none;position:relative}.skills__center-node{background:var(--accent-gradient);width:80px;height:80px;box-shadow:var(--accent-glow-1);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skills__center-icon{font-size:1.5rem}.skills__center-text{font-size:var(--fs-xs);color:#fff;font-weight:600}.skills__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.skill-card{padding:var(--space-lg);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--accent-gradient);height:2px;transition:transform .5s var(--ease-out-expo);transform-origin:0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover{border-color:var(--border-accent);box-shadow:var(--accent-glow-1)}.skill-card__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.skill-card__icon{font-size:1.8rem}.skill-card__title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:600}.skill-card__items{gap:var(--space-xs);flex-wrap:wrap;display:flex}.skill-card__item{font-size:var(--fs-xs);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:all var(--duration-fast);font-family:var(--font-mono);padding:.3em .8em}.skill-card__item:hover{border-color:var(--accent-2);color:var(--accent-2)}.projects__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.project-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.project-card:before{content:"";background:var(--accent-gradient);height:2px;transition:transform .5s var(--ease-out-expo);transform-origin:0;z-index:10;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.project-card:hover:before{transform:scaleX(1)}.project-card__image{aspect-ratio:16/9;background:var(--bg-tertiary);justify-content:center;align-items:center;width:100%;font-size:3rem;display:flex;position:relative;overflow:hidden}.project-card__image:after{content:"";background:linear-gradient(to top, var(--bg-glass-strong), transparent);position:absolute;inset:0}.project-card__overlay{justify-content:center;align-items:center;gap:var(--space-sm);opacity:0;z-index:2;background:#06060bd9;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-card__overlay{opacity:1}.project-card__body{padding:var(--space-md)}.project-card__title{font-family:var(--font-heading);font-size:var(--fs-xl);margin-bottom:var(--space-xs);font-weight:600}.project-card__desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.project-card__tags{flex-wrap:wrap;gap:6px;display:flex}.project-card__tag{font-size:var(--fs-xs);font-family:var(--font-mono);background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--accent-4);border:1px solid var(--border-subtle);padding:.2em .7em}.project-viewer{z-index:var(--z-modal);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.project-viewer.is-open{opacity:1;pointer-events:all}.project-viewer__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06060beb;position:absolute;inset:0}.project-viewer__container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:92vw;max-width:1300px;height:85vh;transition:transform .5s var(--ease-out-expo);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(.9)translateY(30px);box-shadow:0 40px 100px #0009}.project-viewer.is-open .project-viewer__container{transform:scale(1)translateY(0)}.project-viewer__header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 16px;display:flex}.project-viewer__controls{gap:7px;display:flex}.project-viewer__dot{border-radius:50%;width:12px;height:12px}.project-viewer__dot--red{background:#ff5f57}.project-viewer__dot--yellow{background:#febc2e}.project-viewer__dot--green{background:#28c840}.project-viewer__url-bar{background:var(--bg-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);flex:1;align-items:center;gap:8px;padding:6px 14px;display:flex}.project-viewer__lock{font-size:.7rem}.project-viewer__actions{gap:8px;display:flex}.project-viewer__device-btn,.project-viewer__fullscreen-btn,.project-viewer__close-btn{font-size:var(--fs-sm);border-radius:var(--radius-sm);opacity:.6;padding:4px 8px;transition:background .2s}.project-viewer__device-btn:hover,.project-viewer__fullscreen-btn:hover{opacity:1;background:var(--bg-primary)}.project-viewer__device-btn.active{opacity:1;background:#7c3aed33}.project-viewer__close-btn{opacity:.8}.project-viewer__close-btn:hover{opacity:1;background:#ff5f5733}.project-viewer__body{background:var(--bg-primary);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-viewer__iframe{width:100%;height:100%;transition:width .5s var(--ease-out-expo), height .5s var(--ease-out-expo);background:#fff;border:none}.project-viewer__iframe[data-device=tablet]{border-radius:8px;width:768px;height:100%;box-shadow:0 0 40px #00000080}.project-viewer__iframe[data-device=phone]{border-radius:8px;width:375px;height:100%;box-shadow:0 0 40px #00000080}.project-viewer__loader{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--bg-primary);color:var(--text-tertiary);font-size:var(--fs-sm);z-index:2;flex-direction:column;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-viewer__loader.is-hidden{opacity:0;pointer-events:none}.project-viewer__loader-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-2);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.project-viewer__footer{justify-content:center;gap:var(--space-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);padding:12px;display:flex}.project-viewer.is-fullscreen .project-viewer__container{border-radius:0;width:100vw;max-width:none;height:100vh}.timeline{padding-left:40px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent-1), var(--accent-3), transparent);width:2px;height:100%;position:absolute;top:0;left:15px}.timeline__item{margin-bottom:var(--space-xl);padding-left:var(--space-lg);position:relative}.timeline__dot{background:var(--accent-gradient);border:2px solid var(--bg-primary);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-33px;box-shadow:0 0 20px #7c3aed66}.timeline__dot:after{content:"";border:1px solid #7c3aed4d;border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:-6px}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.timeline__date{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent-2);letter-spacing:.1em;margin-bottom:4px}.timeline__title{font-family:var(--font-heading);font-size:var(--fs-xl);margin-bottom:4px;font-weight:600}.timeline__subtitle{font-size:var(--fs-sm);color:var(--accent-4);margin-bottom:var(--space-xs)}.timeline__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7}.trophies__subtitle{font-size:var(--fs-lg);color:var(--text-secondary);margin-top:calc(-1 * var(--space-lg));margin-bottom:var(--space-xl);max-width:500px}.cabinet{perspective:1200px;max-width:1000px;margin:0 auto}.cabinet__frame{background:linear-gradient(#2a1a0e 0%,#1a0f06 100%);border:6px solid #3d2415;border-radius:6px;position:relative;box-shadow:inset 0 0 30px #00000080,0 10px 60px #0009,0 0 0 2px #4a2c17,0 0 0 4px #1a0f06}.cabinet__molding--top{background:linear-gradient(#5a3a22,#3d2415 40%,#2a1a0e);border-bottom:2px solid #4a2c17;height:18px;box-shadow:inset 0 2px 4px #ffffff14}.cabinet__columns{z-index:3;pointer-events:none;position:absolute;inset:18px 0 50px}.cabinet__col-divider{background:linear-gradient(90deg,#3d2415,#5a3a22,#3d2415);width:8px;position:absolute;top:0;bottom:0;box-shadow:2px 0 8px #0006,-2px 0 8px #0006}.cabinet__col-divider:first-child{left:0}.cabinet__col-divider--mid1{left:calc(50% - 4px)}.cabinet__col-divider--mid2{display:none}.cabinet__col-divider--right{right:0}.cabinet__interior{background:radial-gradient(at 50% 0,#5a3a2226 0%,#0000 60%),linear-gradient(#1c120a,#140c06);min-height:400px;padding:8px;position:relative}.cabinet__spotlights{pointer-events:none;z-index:2;justify-content:space-around;padding:0 30px;display:flex;position:absolute;top:0;left:0;right:0}.cabinet__spot{background:linear-gradient(#18110a,#0d0905);border:1px solid #2d1e15;border-radius:3px;width:24px;height:6px;margin-top:2px;position:relative;box-shadow:0 2px 4px #0009,inset 0 1px 2px #000c}.cabinet__spot:before{content:"";background:#fff;border-radius:2px;position:absolute;inset:1px 4px;box-shadow:0 0 8px #ffd97a,0 0 16px #ffae19}.cabinet__spot:after{content:"";clip-path:polygon(48% 0%,52% 0%,100% 100%,0% 100%);filter:blur(8px);pointer-events:none;z-index:1;background:linear-gradient(#ffd97a33 0%,#ffd97a0a 50%,#0000 100%);width:180px;height:380px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.cabinet__shelves{grid-template-rows:auto auto auto;gap:0;display:grid}.cabinet__shelf-row{grid-template-columns:repeat(2,1fr);gap:0;padding:20px 20px 0;display:grid;position:relative}.cabinet__shelf-row:after{content:"";background:linear-gradient(#ffffff1f,#ffffff0f 50%,#ffffff05);border-radius:0 0 2px 2px;height:6px;position:absolute;bottom:0;left:12px;right:12px;box-shadow:0 1px 2px #ffffff0d,0 4px 12px #0000004d}.cabinet__drawer{background:linear-gradient(#2a1a0e,#1a0f06);border-top:2px solid #3d2415;justify-content:center;align-items:center;height:50px;display:flex}.cabinet__drawer-handle{background:linear-gradient(90deg,#5a3a22,#8a6a4a,#5a3a22);border-radius:3px;width:60px;height:6px;box-shadow:0 1px 3px #00000080,inset 0 1px 1px #ffffff26}.cabinet__block{justify-content:center;align-items:flex-end;gap:20px;width:100%;display:flex}.trophy-item{cursor:pointer;transition:transform .5s var(--ease-out-expo);transform-style:preserve-3d;flex-direction:column;justify-content:flex-end;align-items:center;padding:15px 5px 12px;display:flex;position:relative}.trophy-item__object{filter:drop-shadow(0 5px 15px #0009);transition:all .5s var(--ease-out-expo);justify-content:center;align-items:flex-end;margin-bottom:-1px;line-height:1;display:flex;transform:translateZ(0)}.trophy-item__object svg,.trophy-item__object img{width:3.5rem;height:auto;max-height:4.5rem}.trophy-item__base{width:50px;height:8px;transition:all .4s var(--ease-out-expo);background:linear-gradient(#8a6a4a,#5a3a22);border-radius:2px;box-shadow:0 2px 8px #00000080}.trophy-item__name{font-family:var(--font-heading);color:#ffffff59;text-align:center;letter-spacing:.05em;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:140px;margin-top:6px;padding:0 4px;font-size:.65rem;line-height:1.2;transition:color .3s;display:-webkit-box;overflow:hidden}.trophy-item:hover .trophy-item__object{filter:drop-shadow(0 15px 30px #ffc8324d)drop-shadow(0 5px 10px #0006);transform:translateZ(60px)translateY(-20px)scale(1.4)}.trophy-item:hover .trophy-item__base{transform:scale(1.1);box-shadow:0 4px 15px #ffc83233}.trophy-item:hover .trophy-item__name{color:#ffffffb3}.trophy-item__info{background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);opacity:0;pointer-events:none;width:240px;transition:all .4s var(--ease-out-expo);z-index:20;text-align:center;border:1px solid #ffc83233;padding:16px;position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(10px)scale(.9);box-shadow:0 15px 40px #00000080,0 0 20px #ffc83214}.trophy-item__info:after{content:"";background:var(--bg-glass-strong);border-bottom:1px solid #ffc83233;border-right:1px solid #ffc83233;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.trophy-item:hover .trophy-item__info{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.trophy-item__info-title{font-family:var(--font-heading);font-size:var(--fs-base);color:#ffd97a;margin-bottom:4px;font-weight:600}.trophy-item__info-issuer{font-size:var(--fs-xs);color:var(--accent-4);margin-bottom:4px}.trophy-item__info-score,.trophy-item__info-date{font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:8px;font-size:.7rem}.trophy-item__info-desc{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.5}.trophy-item__info-type{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);color:#fff;margin-top:8px;padding:2px 10px;font-size:.6rem;font-weight:600;display:inline-block}.trophy-item__info-type--certification{background:linear-gradient(135deg, var(--accent-1), var(--accent-3))}.trophy-item__info-type--hackathon{background:linear-gradient(135deg,#f59e0b,#d97706)}.trophy-item__info-type--course{background:linear-gradient(135deg,#10b981,#059669)}.cabinet__frame:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(135deg,#ffffff08 0%,#0000 40% 60%,#ffffff05 100%);position:absolute;inset:18px 8px 50px}@media (width<=700px){.cabinet__shelf-row{grid-template-columns:repeat(2,1fr);padding:15px 10px 0}.trophy-item__info{width:200px}}@media (width<=450px){.cabinet__shelf-row{grid-template-columns:repeat(2,1fr)}.trophy-item__object{font-size:2rem}}.contact__grid{gap:var(--space-2xl);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.contact__text{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.7}.contact__socials{gap:var(--space-md);display:flex}.contact__social-link{background:var(--bg-glass);border:1px solid var(--border-subtle);width:48px;height:48px;transition:all var(--duration-normal) var(--ease-out-expo);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact__social-link svg{width:20px;height:20px}.contact__social-link:hover{border-color:var(--accent-2);color:var(--accent-2);box-shadow:var(--accent-glow-1);transform:translateY(-4px)}.contact__form{padding:var(--space-xl);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer{padding:var(--space-lg) var(--space-lg);border-top:1px solid var(--border-subtle);text-align:center}.footer__inner{max-width:1200px;margin:0 auto}.footer__text{font-size:var(--fs-sm);color:var(--text-secondary)}.footer__year{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:4px}@media (width<=700px){.navbar__links{display:none}.navbar__hamburger{display:flex}.about__grid,.contact__grid,.projects__grid{grid-template-columns:1fr}.hero__name-word{font-size:clamp(2.5rem,12vw,4rem)}}@media (width<=600px){.about__stats{grid-template-columns:repeat(3,1fr);gap:6px}.section__container,.hero{padding:0 var(--space-sm)}}[data-theme=light] ::selection{color:#1e1b2e;background:#6d28d933}[data-theme=light] html{scrollbar-color:var(--accent-1) var(--bg-primary)}[data-theme=light] html::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=light] html::-webkit-scrollbar-thumb{background:var(--accent-1)}[data-theme=light] .hero__grid-overlay{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}[data-theme=light] .project-card__overlay{background:#f8f7ffe0}[data-theme=light] .project-card__image:after{background:linear-gradient(to top, var(--bg-glass-strong), transparent)}[data-theme=light] .project-viewer__backdrop{background:#f8f7ffe0}[data-theme=light] .project-viewer__container{box-shadow:0 40px 100px #00000026}[data-theme=light] .timeline__dot{border-color:var(--bg-primary)}[data-theme=light] .contact__form{box-shadow:0 4px 30px #0000000f}[data-theme=light] .preloader{background:var(--bg-primary)}[data-theme=light] .mobile-menu__link:hover{color:var(--accent-1)}[data-theme=light] .navbar__link--cta:hover{background:#6d28d914}