.navbar{z-index:1000;padding:0 var(--space-xl);height:var(--navbar-height);transition:all var(--transition-base);flex-direction:column;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--border-color);background:#1f2e1f59}.navbar__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.navbar__logo{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary);cursor:pointer}.navbar__logo-bracket,.navbar__logo-accent{color:var(--accent)}.navbar__links{gap:var(--space-lg);display:flex}.navbar__link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);transition:color var(--transition-fast);padding:var(--space-xs) 0;position:relative}.navbar__link:after{content:"";background:var(--gradient-accent);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.navbar__link:hover{color:var(--text-primary)}.navbar__link:hover:after{width:100%}.navbar__link--active{color:var(--accent)}.navbar__link--active:after{width:100%}.navbar__hamburger{padding:var(--space-sm);z-index:1001;flex-direction:column;gap:5px;display:none}.navbar__hamburger span{background:var(--text-primary);border-radius:var(--radius-full);width:24px;height:2px;transition:transform var(--transition-base), opacity var(--transition-fast);display:block}.navbar__hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile{top:var(--navbar-height);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid var(--border-color);background:#081208e6;position:absolute;left:0;right:0;overflow:hidden}.navbar__mobile-links{padding:var(--space-lg) var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.navbar__mobile-link{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-secondary);padding:var(--space-sm) 0;transition:color var(--transition-fast)}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--accent)}@media (width<=768px){.navbar__links{display:none}.navbar__hamburger{display:flex}}.hero{-webkit-backdrop-filter:brightness(.5)blur(.5px);backdrop-filter:brightness(.5)blur(.5px);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero__orb{filter:blur(100px);opacity:.35;border-radius:50%;position:absolute}.hero__orb--1{background:var(--accent);width:500px;height:500px;top:-10%;right:-5%}.hero__orb--2{background:var(--accent-glow);width:400px;height:400px;bottom:-5%;left:-10%}.hero__orb--3{background:0 0;width:300px;height:300px;top:40%;left:50%;transform:translate(-50%)}.hero__content{z-index:1;text-align:center;max-width:800px;position:relative}.hero__greeting{font-family:var(--font-body);font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--accent);margin-bottom:var(--space-sm);letter-spacing:.05em}.hero__name{font-family:var(--font-heading);font-size:var(--fs-5xl);color:var(--text-primary);margin-bottom:var(--space-md);background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:500;line-height:1.1}.hero__title{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-xl)}.hero__description{font-family:var(--font-body);letter-spacing:var(--ls-base);color:var(--text-secondary);max-width:580px;margin:0 auto var(--space-2xl);line-height:1.8}.hero__cta{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.hero__btn{font-family:var(--font-body);letter-spacing:var(--ls-md);font-size:var(--fs-base);font-weight:var(--fw-semibold);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base);padding:.875rem 2rem}.hero__btn--primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.hero__btn--primary:hover{box-shadow:0 6px 30px var(--accent-glow)}.hero__btn--secondary{color:var(--text-primary);border:1.5px solid var(--border-color);transition:border var(--transition-base);background:0 0}.hero__btn--secondary:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.hero__scroll{bottom:var(--space-2xl);align-items:center;gap:var(--space-sm);color:var(--text-muted);z-index:1;flex-direction:column;display:flex;position:absolute}.hero__scroll-mouse{color:var(--text-muted)}.hero__scroll-text{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.15em}@media (width<=768px){.hero{min-height:100dvh}.hero__orb--1{width:300px;height:300px}.hero__orb--2{width:250px;height:250px}.hero__orb--3{width:150px;height:150px}}.about{background:var(--bg-secondary)}.about__grid{gap:var(--space-3xl);margin-top:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about__bio p{text-align:justify;font-family:var(--font-body);letter-spacing:var(--ls-md);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.8}.about__bio strong{color:var(--text-primary)}.about__highlights{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.about__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);gap:var(--space-xs);transition:all var(--transition-base);box-shadow:0 0px 0px var(--accent-glow);cursor:default;flex-direction:column;display:flex;transform:translateY(0)scale(1)}.about__card:hover{box-shadow:0 12px 40px var(--accent-glow);border-color:var(--border-color-hover);transform:translateY(-4%)scale(1.02)}.about__card-icon{font-family:var(--font-heading);font-size:var(--fs-3xl);margin-bottom:var(--space-xs)}.about__card-value{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--accent)}.about__card-label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-medium)}@media (width<=768px){.about__grid{gap:var(--space-2xl);grid-template-columns:1fr}.about__highlights{grid-template-columns:1fr 1fr}}@media (width<=480px){.about__highlights{grid-template-columns:1fr}}.skills{background:var(--bg-primary)}.skills__grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.skills__category{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.skills__category:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-glow)}.skills__category-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.skills__list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.skills__tag{align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-md);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:default;transition:color var(--transition-fast), border-color var(--transition-fast);background:#0a290a;padding:.5rem 1rem;display:inline-flex}.skills__tag:hover{color:var(--accent);border-color:var(--accent)}@media (width<=768px){.skills__grid{grid-template-columns:1fr}}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-glow)}.project-card__accent{width:100%;height:4px}.project-card__carousel{aspect-ratio:16/9;scrollbar-width:none;background:var(--bg-primary);border-bottom:1px solid var(--border-color);width:100%;position:relative;overflow:hidden}.project-card__carousel-img{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;inset:0}.project-card__carousel-img--active{opacity:1}.project-card__scanline{pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4108 2px 4px);transition:opacity .4s;position:absolute;inset:0}.project-card__scanline--visible{opacity:1}.project-card__dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.project-card__dot{cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);background:#00ff4140;border:1px solid #00ff414d;border-radius:50%;padding:0}.project-card__dot--active{background:var(--accent);transform:scale(1.25);box-shadow:0 0 8px #00ff4180}.project-card__dot:hover{background:var(--accent-light)}.project-card__body{padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.project-card__title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.project-card__desc{font-family:var(--font-body);letter-spacing:var(--ls-lg);font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.7}.project-card__features{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.project-card__feature{font-family:var(--font-body);letter-spacing:var(--ls-lg);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--accent-light);border-radius:var(--radius-sm);background:#0a290a;padding:.25rem .6rem}.project-card__tags{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.project-card__tag{font-size:var(--fs-xs);color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.25rem .6rem}.project-card__links{gap:var(--space-sm);margin-top:auto;display:flex}.project-card__link{align-items:center;gap:var(--space-xs);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast);padding:.5rem 1.1rem;display:inline-flex}.project-card__link--primary{background:var(--gradient-accent);color:#fff}.project-card__link--primary:hover{box-shadow:0 4px 16px var(--accent-glow)}.project-card__link--secondary{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.project-card__link--secondary:hover{border-color:var(--accent);color:var(--text-primary)}.projects{background:var(--bg-secondary)}.projects__grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}@media (width<=768px){.projects__grid{grid-template-columns:1fr}}.experience{background:var(--bg-primary)}.experience__timeline{margin-top:var(--space-2xl);padding-left:var(--space-2xl);position:relative}.experience__line{background:var(--gradient-accent);border-radius:var(--radius-full);width:2px;height:100%;position:absolute;top:0;left:8px}.experience__items{gap:var(--space-xl);flex-direction:column;display:flex}.experience__item{align-items:flex-start;gap:var(--space-lg);cursor:default;display:flex;position:relative}.experience__dot{left:calc(-1 * var(--space-2xl) + 2px);background:var(--accent);border:3px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 0 2px var(--accent);z-index:1;border-radius:50%;flex-shrink:0;position:absolute;top:20%}.experience__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);transition:border-color var(--transition-base), box-shadow var(--transition-base);flex:1}.experience__item:hover .experience__card{border-color:var(--border-color-hover);box-shadow:var(--shadow-glow)}.experience__role{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.experience__desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.7}.experience__techs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.experience__tech{font-size:var(--fs-xs);color:var(--accent-light);border-radius:var(--radius-full);background:#6c63ff1a;padding:.25rem .6rem}@media (width<=768px){.experience__timeline{padding-left:var(--space-xl)}.experience__dot{left:calc(-1 * var(--space-xl) + 2px)}}.contact{background:var(--bg-secondary)}.contact__grid{gap:var(--space-3xl);margin-top:var(--space-2xl);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}.contact__form{gap:var(--space-lg);flex-direction:column;display:flex}.contact__field{gap:var(--space-xs);flex-direction:column;display:flex}.contact__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary)}.contact__input,.contact__textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem var(--space-md);font-size:var(--fs-base);color:var(--text-primary);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.contact__input:focus,.contact__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.contact__input::placeholder,.contact__textarea::placeholder{color:var(--text-muted)}.contact__textarea{resize:vertical;min-height:120px}.contact__submit{font-size:var(--fs-base);font-weight:var(--fw-semibold);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--accent-glow);transition:box-shadow var(--transition-base);align-self:flex-start;padding:.875rem 2rem}.contact__submit:hover{box-shadow:0 6px 30px var(--accent-glow)}.contact__info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl)}.contact__info-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.contact__info-text{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.contact__socials{gap:var(--space-sm);flex-direction:column;display:flex}.contact__social{align-items:center;gap:var(--space-sm);padding:.75rem var(--space-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:color var(--transition-fast), border-color var(--transition-fast);background:#6c63ff0f;display:inline-flex}.contact__social:hover{color:var(--accent);border-color:var(--accent)}@media (width<=768px){.contact__grid{grid-template-columns:1fr}}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--space-2xl) var(--space-xl)}.footer__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:0 auto;display:flex}.footer__left{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer__name{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.footer__bracket{color:var(--accent)}.footer__copy{font-size:var(--fs-sm);color:var(--text-muted)}.footer__links{gap:var(--space-md);display:flex}.footer__link{align-items:center;gap:var(--space-xs);font-size:var(--fs-sm);color:var(--text-secondary);transition:color var(--transition-fast);display:inline-flex}.footer__link:hover{color:var(--accent)}@media (width<=480px){.footer__inner{text-align:center;flex-direction:column}.footer__left{flex-direction:column}}.home{z-index:1;min-height:100vh;position:relative}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:clamp(12px,4.28571vw - 2.42857px,16px)}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{border:none;outline:none;font-family:inherit}:root{--rem:clamp(12px, calc((3 / 70) * 100vw - (170 / 70) * 1px), 16px);--bg-primary:#050505;--bg-secondary:#080c08;--bg-tertiary:#0d1a0d;--bg-card:#0c120c;--bg-card-hover:#0f1f0f;--text-primary:#e6ffe6;--text-secondary:#7dba7d;--text-muted:#3d6b3d;--accent:#00ff41;--accent-light:#3f6;--accent-dark:#0c3;--accent-glow:#00ff4140;--gradient-accent:linear-gradient(135deg, #188c35b8 0%, #0c3 100%);--gradient-accent-hover:linear-gradient(135deg, #3f6 0%, #00ff41 100%);--gradient-bg:linear-gradient(180deg, #050505 0%, #0a0f0a 50%, #050505 100%);--gradient-card:linear-gradient(145deg, #00ff410f 0%, #00cc3308 100%);--border-color:#00ff411f;--border-color-hover:#00ff4159;--success:#00ff41;--warning:#f59e0b;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--font-heading-old:"Share Tech Mono", "Courier New", monospace;--font-heading:"Silkscreen", sans-serif;--font-body-old:"Inter", sans-serif;--font-body:"Turret Road", sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-4xl:3.5rem;--fs-5xl:4.5rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--ls-base:.05em;--ls-md:.1em;--ls-lg:.15em;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 30px #000000b3;--shadow-glow:0 0 30px #00ff411a;--shadow-glow-lg:0 0 60px #00ff4126;--transition-fast:.15s ease;--transition-base:.3s ease-in-out;--transition-slow:.5s ease;--max-width:1200px;--navbar-height:4.375rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full);border:1px solid #00ff411a}::-webkit-scrollbar-thumb:hover{background:var(--accent-dark);box-shadow:0 0 8px #00ff414d}::selection{color:var(--text-primary);background:#00ff414d}section{padding:var(--space-5xl) var(--space-xl);position:relative}.section-container{max-width:var(--max-width);margin:0 auto}.section-label{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-sm);display:inline-block}.section-label:before{content:"> ";opacity:.6}.section-title{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-regular);color:var(--text-primary);margin-bottom:var(--space-lg);text-shadow:0 0 20px #00ff4126}.section-description{font-family:var(--font-body);letter-spacing:var(--ls-md);color:var(--text-secondary);max-width:600px;line-height:1.7}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00ff4105 1px,#0000 1px),linear-gradient(90deg,#00ff4105 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}@media (width<=768px){:root{--fs-4xl:2.5rem;--fs-5xl:3rem;--fs-3xl:2rem;--fs-2xl:1.5rem}section{padding:var(--space-3xl) var(--space-md)}}