*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-glass:#ffffff0d;--border-glass:#ffffff14;--border-glass-hover:#ffffff26;--text-primary:#f0f0f0;--text-secondary:#a0a0b0;--text-tertiary:#6a6a7a;--text-accent:#00f0ff;--accent-cyan:#00f0ff;--accent-cyan-dim:#00f0ff26;--accent-cyan-glow:#00f0ff66;--accent-purple:#a855f7;--accent-purple-dim:#a855f726;--accent-purple-glow:#a855f766;--accent-pink:#f472b6;--accent-gradient:linear-gradient(135deg, #00f0ff 0%, #a855f7 50%, #f472b6 100%);--accent-gradient-text:linear-gradient(135deg, #00f0ff 0%, #a855f7 100%);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fs-xs:clamp(.7rem, .8vw, .8rem);--fs-sm:clamp(.8rem, .9vw, .9rem);--fs-base:clamp(.9rem, 1vw, 1rem);--fs-md:clamp(1rem, 1.2vw, 1.15rem);--fs-lg:clamp(1.15rem, 1.5vw, 1.35rem);--fs-xl:clamp(1.4rem, 2vw, 1.8rem);--fs-2xl:clamp(1.8rem, 2.8vw, 2.5rem);--fs-3xl:clamp(2.2rem, 3.5vw, 3.5rem);--fs-4xl:clamp(2.8rem, 5vw, 5rem);--fs-hero:clamp(3rem, 7vw, 7rem);--space-xxs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-section:clamp(5rem, 10vh, 8rem);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.6s;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-cyan:0 0 20px #00f0ff26, 0 0 60px #00f0ff0d;--shadow-glow-purple:0 0 20px #a855f726, 0 0 60px #a855f70d;--max-width:1200px;--nav-height:70px}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-cyan) var(--bg-secondary)}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:var(--radius-full)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.15}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}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-section) 0;position:relative}.section-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-sm);align-items:center;gap:var(--space-xs);display:flex}.section-label:before{content:"//";opacity:.5}.section-title{font-size:var(--fs-3xl);margin-bottom:var(--space-lg);position:relative}.gradient-text{background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-normal) var(--ease-smooth)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--fs-sm);letter-spacing:.02em;transition:all var(--duration-normal) var(--ease-smooth);font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:var(--bg-primary);box-shadow:var(--shadow-glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ff4d,0 0 80px #00f0ff1a}.btn-outline{border:1px solid var(--border-glass-hover);color:var(--text-primary);background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes typing-cursor{0%,to{border-color:var(--accent-cyan)}50%{border-color:#0000}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .8s var(--ease-smooth), transform .8s var(--ease-smooth);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}@media (width<=768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}.navbar{z-index:1000;height:var(--nav-height);transition:all var(--duration-normal) var(--ease-smooth);position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);background:#0a0a0fd9;box-shadow:0 4px 30px #0000004d}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__logo{font-family:var(--font-mono);font-size:var(--fs-lg);transition:all var(--duration-fast) var(--ease-smooth);z-index:1001;align-items:center;gap:2px;font-weight:700;display:flex}.navbar__logo:hover{transform:scale(1.05)}.navbar__logo-bracket{color:var(--accent-cyan)}.navbar__logo-text{background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar__logo-slash{color:var(--accent-purple)}.navbar__links{align-items:center;gap:var(--space-xs);display:flex}.navbar__link{font-size:var(--fs-sm);color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-smooth);font-weight:500;position:relative}.navbar__link:hover{color:var(--text-primary)}.navbar__link--active{color:var(--accent-cyan)}.navbar__link-indicator{background:var(--accent-gradient);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--duration-normal) var(--ease-smooth);position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.navbar__link--active .navbar__link-indicator,.navbar__link:hover .navbar__link-indicator{width:60%}.navbar__cta{font-size:var(--fs-xs);padding:var(--space-xs) var(--space-lg)}.navbar__toggle{color:var(--text-primary);z-index:1001;display:none}.navbar__links-cta-mobile{display:none}@media (width<=768px){.navbar__toggle{display:block}.navbar__cta{display:none}.navbar__links-cta-mobile{margin-top:var(--space-lg);display:block}.navbar__links{-webkit-backdrop-filter:blur(20px);justify-content:center;gap:var(--space-md);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-smooth);z-index:999;background:#0a0a0ffa;flex-direction:column;position:fixed;inset:0}.navbar__links--open{opacity:1;pointer-events:auto}.navbar__link{font-size:var(--fs-xl);padding:var(--space-sm) var(--space-xl)}}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__bg-gradient{pointer-events:none;background:radial-gradient(circle,#00f0ff14 0%,#a855f70a 40%,#0000 70%);border-radius:50%;width:80vw;max-width:900px;height:80vw;max-height:900px;animation:6s ease-in-out infinite pulse-glow;position:absolute;top:-50%;right:-20%}.hero__content{align-items:center;gap:var(--space-3xl);z-index:1;padding-top:var(--nav-height);grid-template-columns:1fr 1fr;display:grid;position:relative}.hero__text{gap:var(--space-lg);flex-direction:column;display:flex}.hero__greeting{align-items:center;gap:var(--space-md);display:flex}.hero__greeting-line{background:var(--accent-gradient);border-radius:var(--radius-full);width:40px;height:2px}.hero__greeting-text{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);letter-spacing:.05em}.hero__wave{animation:2s ease-in-out infinite float;display:inline-block}.hero__name{font-size:var(--fs-hero);flex-direction:column;font-weight:900;line-height:1;display:flex}.hero__name-first{color:var(--text-primary)}.hero__name-last{margin-top:-.06em}.hero__role-wrapper{font-family:var(--font-mono);font-size:var(--fs-lg);align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#00f0ff0d;border:1px solid #00f0ff1a;width:fit-content;display:flex}.hero__role-prefix{color:var(--accent-cyan);font-weight:700}.hero__role{color:var(--text-primary)}.hero__cursor{color:var(--accent-cyan);font-weight:300;animation:.8s step-end infinite typing-cursor}.hero__description{font-size:var(--fs-md);color:var(--text-secondary);max-width:480px;line-height:1.8}.hero__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.hero__btn{padding:var(--space-md) var(--space-2xl)}.hero__socials{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.hero__social-link{border-radius:var(--radius-full);border:1px solid var(--border-glass);width:42px;height:42px;color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.hero__social-link:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);transform:translateY(-3px)}.hero__visual{justify-content:center;align-items:center;display:flex;position:relative}.hero__avatar-ring{background:var(--accent-gradient);border-radius:50%;width:320px;height:320px;padding:3px;animation:15s linear infinite spin-slow;position:relative}.hero__avatar-ring-inner{background:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:15s linear infinite reverse spin-slow;display:flex}.hero__avatar-placeholder{background:radial-gradient(circle at 30% 30%, var(--bg-tertiary), var(--bg-secondary));border:1px solid var(--border-glass);border-radius:50%;justify-content:center;align-items:center;width:90%;height:90%;display:flex}.hero__avatar-code{font-family:var(--font-mono);font-size:var(--fs-3xl);background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.hero__avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.hero__floating-badge{padding:var(--space-xs) var(--space-md);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);align-items:center;gap:var(--space-xs);white-space:nowrap;box-shadow:var(--shadow-sm);display:flex;position:absolute}.hero__floating-badge--1{animation:3s ease-in-out infinite float;top:10%;right:5%}.hero__floating-badge--2{animation:3.5s ease-in-out .5s infinite float;bottom:20%;left:0%}.hero__floating-badge--3{animation:4s ease-in-out 1s infinite float;bottom:5%;right:15%}.hero__scroll-indicator{bottom:var(--space-2xl);align-items:center;gap:var(--space-xs);color:var(--text-tertiary);font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (width<=1024px){.hero__content{text-align:center;gap:var(--space-2xl);grid-template-columns:1fr}.hero__text{align-items:center}.hero__description{margin:0 auto}.hero__actions,.hero__socials,.hero__greeting{justify-content:center}.hero__role-wrapper{margin:0 auto}.hero__avatar-ring{width:240px;height:240px}}@media (width<=480px){.hero__btn{padding:var(--space-sm) var(--space-lg);font-size:var(--fs-xs)}.hero__avatar-ring{width:200px;height:200px}.hero__floating-badge{display:none}}.about__grid{gap:var(--space-3xl);margin-top:var(--space-2xl);grid-template-columns:1fr 1fr;display:grid}.about__bio-card{border-radius:var(--radius-lg);margin-bottom:var(--space-xl);overflow:hidden}.about__bio-card:hover{transform:none}.about__bio-header{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-glass);background:#ffffff08;display:flex}.about__bio-dots{gap:6px;display:flex}.about__bio-dot{border-radius:50%;width:10px;height:10px}.about__bio-dot--red{background:#ff5f57}.about__bio-dot--yellow{background:#ffbd2e}.about__bio-dot--green{background:#28ca41}.about__bio-filename{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary)}.about__bio-content{padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:2}.about__bio-line--indent{padding-left:var(--space-xl)}.about__bio-keyword{color:#c678dd}.about__bio-var{color:var(--accent-cyan)}.about__bio-operator{color:var(--text-tertiary)}.about__bio-brace{color:#e5c07b}.about__bio-key{color:#e06c75}.about__bio-string{color:#98c379}.about__description{font-size:var(--fs-md);color:var(--text-secondary);line-height:1.8}.about__skills-title{font-size:var(--fs-xl);margin-bottom:var(--space-lg);color:var(--text-primary)}.about__skills-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.about__skill-item{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md);text-align:center;cursor:default;flex-direction:column;display:flex}.about__skill-name{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:500}.about__stats{gap:var(--space-lg);margin-top:var(--space-3xl);grid-template-columns:repeat(4,1fr);display:grid}.about__stat{padding:var(--space-xl);text-align:center;cursor:default;flex-direction:column;justify-content:center;align-items:center;display:flex}.about__stat-number{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:800;line-height:1}.about__stat-label{font-size:var(--fs-sm);color:var(--text-tertiary);margin-top:var(--space-xs)}@media (width<=1024px){.about__grid{grid-template-columns:1fr}}@media (width<=768px){.about__stats{grid-template-columns:repeat(2,1fr)}.about__skills-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}}@media (width<=480px){.about__bio-content{font-size:var(--fs-xs)}.about__bio-line--indent{padding-left:var(--space-md)}}.projects__subtitle{font-size:var(--fs-md);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:500px}.projects__grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.project-card{cursor:default;flex-direction:column;display:flex;overflow:hidden}.project-card__image{background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));height:220px;position:relative;overflow:hidden}.project-card__img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-smooth)}.project-card:hover .project-card__img{transform:scale(1.05)}.project-card__image-placeholder{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.project-card__image-placeholder span{font-family:var(--font-display);font-size:var(--fs-3xl);background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.project-card__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;gap:var(--space-md);opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth);background:#000000b3;display:flex;position:absolute;inset:0}.project-card:hover .project-card__overlay{opacity:1}.project-card__icon-btn{border-radius:var(--radius-full);border:1px solid var(--border-glass-hover);width:46px;height:46px;color:var(--text-primary);background:var(--bg-glass);transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.project-card__icon-btn:hover{background:var(--accent-cyan);color:var(--bg-primary);border-color:var(--accent-cyan);transform:scale(1.1)}.project-card__body{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.project-card__title{font-size:var(--fs-lg);font-weight:700}.project-card__desc{font-size:var(--fs-sm);color:var(--text-secondary);flex:1;line-height:1.7}.project-card__footer{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-top:var(--space-sm);display:flex}.project-card__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.project-card__tag{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent-cyan);border-radius:var(--radius-full);background:var(--accent-cyan-dim);border:1px solid #00f0ff26;padding:2px 10px}.project-card__github-link{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap;border-radius:var(--radius-full);border:1px solid var(--border-glass);transition:all var(--duration-normal) var(--ease-smooth);align-items:center;gap:6px;padding:4px 10px;display:flex}.project-card__github-link:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}@media (width<=768px){.projects__grid{grid-template-columns:1fr}.project-card__footer{flex-direction:column;align-items:flex-start}}.experience__timeline{margin-top:var(--space-2xl);padding:var(--space-xl) 0;position:relative}.experience__timeline-line{background:linear-gradient(to bottom, var(--accent-cyan), var(--accent-purple), transparent);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.experience__item{margin-bottom:var(--space-3xl);display:flex;position:relative}.experience__item--left{justify-content:flex-start;padding-right:calc(50% + 30px)}.experience__item--right{justify-content:flex-end;padding-left:calc(50% + 30px)}.experience__node{background:var(--bg-primary);border:2px solid var(--accent-cyan);width:36px;height:36px;color:var(--accent-cyan);z-index:1;box-shadow:var(--shadow-glow-cyan);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.experience__card{padding:var(--space-xl);cursor:default;max-width:100%}.experience__card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.experience__period{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent-cyan)}.experience__type-badge{font-size:var(--fs-xs);border-radius:var(--radius-full);background:var(--accent-cyan-dim);color:var(--accent-cyan);padding:2px 10px;font-weight:600}.experience__type-badge--edu{background:var(--accent-purple-dim);color:var(--accent-purple)}.experience__title{font-size:var(--fs-lg);color:var(--text-primary);font-weight:700}.experience__company{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.experience__desc{font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--space-md);line-height:1.7}.experience__highlights{gap:var(--space-xs);flex-wrap:wrap;display:flex}.experience__highlight{font-size:var(--fs-xs);border-radius:var(--radius-full);border:1px solid var(--border-glass);color:var(--text-secondary);background:#ffffff0a;padding:3px 10px}@media (width<=768px){.experience__timeline-line{left:20px}.experience__item--left,.experience__item--right{justify-content:flex-start;padding-left:60px;padding-right:0}.experience__node{left:20px}}.contact__subtitle{font-size:var(--fs-md);color:var(--text-secondary);max-width:500px;margin-bottom:var(--space-2xl)}.contact__grid{gap:var(--space-3xl);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.contact__info-cards{gap:var(--space-md);flex-direction:column;display:flex}.contact__info-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);cursor:default;display:flex}.contact__info-icon{border-radius:var(--radius-md);background:var(--accent-cyan-dim);width:44px;height:44px;color:var(--accent-cyan);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__info-label{font-size:var(--fs-xs);color:var(--text-tertiary);margin-bottom:2px}.contact__info-value{font-size:var(--fs-sm);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-smooth);font-weight:500}a.contact__info-value:hover{color:var(--accent-cyan)}.contact__socials{margin-top:var(--space-2xl)}.contact__socials-label{font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--space-md)}.contact__socials-links{gap:var(--space-md);display:flex}.contact__social-link{border-radius:var(--radius-md);border:1px solid var(--border-glass);width:46px;height:46px;color:var(--text-secondary);background:var(--bg-card);transition:all var(--duration-normal) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.contact__social-link:hover{color:var(--social-color,var(--accent-cyan));border-color:var(--social-color,var(--accent-cyan));box-shadow:0 0 20px color-mix(in srgb, var(--social-color,var(--accent-cyan)) 30%, transparent)}.contact__form{padding:var(--space-2xl);gap:var(--space-lg);flex-direction:column;display:flex}.contact__form:hover{transform:none}.contact__form-row{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.contact__input-group{position:relative}.contact__label{left:var(--space-md);font-size:var(--fs-sm);color:var(--text-tertiary);pointer-events:none;transition:all var(--duration-fast) var(--ease-smooth);background:0 0;padding:0 4px;position:absolute;top:50%;transform:translateY(-50%)}.contact__input-group--focused .contact__label,.contact__input:focus+.contact__label{font-size:var(--fs-xs);color:var(--accent-cyan);background:var(--bg-card);top:0}.contact__input{width:100%;padding:var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--fs-sm);transition:all var(--duration-fast) var(--ease-smooth);background:#ffffff05;outline:none}.contact__input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim)}.contact__textarea{resize:vertical;min-height:120px}.contact__input-group:has(.contact__textarea) .contact__label{top:var(--space-md);transform:none}.contact__input-group--focused:has(.contact__textarea) .contact__label{top:0;transform:translateY(-50%)}.contact__submit-btn{width:100%;padding:var(--space-md) var(--space-2xl);font-size:var(--fs-base);margin-top:var(--space-sm)}@media (width<=768px){.contact__grid,.contact__form-row{grid-template-columns:1fr}}.footer{padding:var(--space-3xl) 0 var(--space-xl);border-top:1px solid var(--border-glass);position:relative;overflow:hidden}.footer__glow{pointer-events:none;background:radial-gradient(circle,#00f0ff0a,#a855f705,#0000 70%);border-radius:50%;width:60vw;max-width:600px;height:60vw;max-height:600px;position:absolute;bottom:-50%;left:50%;transform:translate(-50%)}.footer__content{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;display:flex}.footer__logo{font-family:var(--font-mono);font-size:var(--fs-lg);margin-bottom:var(--space-xs);align-items:center;gap:2px;font-weight:700;display:flex}.footer__logo-bracket{color:var(--accent-cyan)}.footer__logo-text{background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer__logo-slash{color:var(--accent-purple)}.footer__tagline{font-size:var(--fs-sm);color:var(--text-tertiary)}.footer__links{gap:var(--space-md);display:flex}.footer__links a{border-radius:var(--radius-full);border:1px solid var(--border-glass);width:38px;height:38px;color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.footer__links a:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);transform:translateY(-3px)}.footer__back-to-top{border-radius:var(--radius-full);background:var(--accent-gradient);width:40px;height:40px;color:var(--bg-primary);transition:all var(--duration-normal) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.footer__back-to-top:hover{box-shadow:var(--shadow-glow-cyan);transform:translateY(-3px)}.footer__bottom{border-top:1px solid var(--border-glass);padding-top:var(--space-lg);text-align:center}.footer__copyright{font-size:var(--fs-sm);color:var(--text-tertiary);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.footer__heart{color:var(--accent-pink);vertical-align:middle;animation:1.5s ease-in-out infinite pulse-glow;display:inline-block}@media (width<=768px){.footer__content{gap:var(--space-lg);text-align:center;flex-direction:column}}.app{min-height:100vh;position:relative}.app__noise{opacity:.03;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;width:100%;height:100%;position:fixed;top:0;left:0}.section+.section:before{content:"";background:linear-gradient(90deg, transparent, var(--border-glass), var(--accent-cyan-dim), var(--border-glass), transparent);width:100%;height:1px;display:block;position:absolute;top:0;left:0}