*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:70px}:root{font-family:Syne,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-bg: #000000;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--accent-blue: #3b82f6;--accent-red: #ef4444;--border-color: rgba(255, 255, 255, .1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-subtle: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-large: 0 25px 50px -12px rgba(0, 0, 0, .7)}body{margin:0;min-width:320px;min-height:100vh;background-color:#000;overflow-x:hidden;-webkit-overflow-scrolling:touch}*{scroll-behavior:smooth}h1{font-size:3.2em;line-height:1.2;letter-spacing:-.02em}h2{line-height:1.3;letter-spacing:-.01em}h3{line-height:1.4}p{line-height:1.7}button{border-radius:12px;border:1px solid transparent;padding:.75em 1.5em;font-size:1em;font-weight:600;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:var(--transition-smooth)}button:hover{border-color:#646cff;transform:translateY(-2px);box-shadow:var(--shadow-medium)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid #646cff;outline-offset:2px}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.scroll-fade-in{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.scroll-fade-in.visible{opacity:1}.scroll-slide-up{opacity:0;transform:translateY(60px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-slide-up.visible{opacity:1;transform:translateY(0)}.scroll-slide-down{opacity:0;transform:translateY(-60px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-slide-down.visible{opacity:1;transform:translateY(0)}.scroll-slide-left{opacity:0;transform:translate(60px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-slide-left.visible{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transform:translate(-60px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-slide-right.visible{opacity:1;transform:translate(0)}.scroll-scale-up{opacity:0;transform:scale(.85);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-scale-up.visible{opacity:1;transform:scale(1)}.scroll-zoom-in{opacity:0;transform:scale(.7);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-zoom-in.visible{opacity:1;transform:scale(1)}.scroll-rotate-in{opacity:0;transform:rotate(-10deg) scale(.9);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-rotate-in.visible{opacity:1;transform:rotate(0) scale(1)}.scroll-blur-in{opacity:0;filter:blur(10px);transition:opacity .8s ease-out,filter .8s ease-out}.scroll-blur-in.visible{opacity:1;filter:blur(0)}.scroll-flip-in{opacity:0;transform:perspective(1000px) rotateX(90deg);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-flip-in.visible{opacity:1;transform:perspective(1000px) rotateX(0)}.scroll-stagger{transition-delay:0s}.scroll-stagger:nth-child(1){transition-delay:.1s}.scroll-stagger:nth-child(2){transition-delay:.2s}.scroll-stagger:nth-child(3){transition-delay:.3s}.scroll-stagger:nth-child(4){transition-delay:.4s}.scroll-stagger:nth-child(5){transition-delay:.5s}.scroll-stagger:nth-child(6){transition-delay:.6s}.scroll-stagger:nth-child(7){transition-delay:.7s}.scroll-stagger:nth-child(8){transition-delay:.8s}.scroll-stagger:nth-child(9){transition-delay:.9s}.scroll-stagger:nth-child(10){transition-delay:1s}.section-transition{transition:all .6s cubic-bezier(.4,0,.2,1)}section{opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out}@media(prefers-reduced-motion:reduce){.scroll-fade-in,.scroll-slide-up,.scroll-slide-down,.scroll-slide-left,.scroll-slide-right,.scroll-scale-up,.scroll-zoom-in,.scroll-rotate-in,.scroll-blur-in,.scroll-flip-in,.section-transition,section{transition:none!important;animation:none!important}.scroll-fade-in,.scroll-slide-up,.scroll-slide-down,.scroll-slide-left,.scroll-slide-right,.scroll-scale-up,.scroll-zoom-in,.scroll-rotate-in,.scroll-blur-in,.scroll-flip-in{opacity:1!important;transform:none!important;filter:none!important}}.navbar{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-logo{animation:fadeInLeft .6s ease-out}.navbar-logo h1{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin:0}.navbar-links{display:none;list-style:none;gap:2rem;margin:0;padding:0;animation:fadeInDown .6s ease-out .2s backwards}.navbar-links li a{position:relative;font-size:.875rem;font-weight:500;color:#9ca3af;text-decoration:none;transition:all .3s ease;display:inline-block}.navbar-links li a:hover{color:#fff;transform:translateY(-2px)}.navbar-underline{position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transition:width .3s ease}.navbar-links li a:hover .navbar-underline{width:100%}.navbar-social{display:flex;gap:1rem;animation:fadeInRight .6s ease-out .4s backwards}.navbar-social-icon{width:2.25rem;height:2.25rem;border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.navbar-social-icon:hover{background:#ffffff1a;transform:scale(1.1) translateY(-2px)}.navbar-social-icon svg{width:16px;height:16px}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:767px){.navbar{padding:1rem 1.25rem}.navbar-logo h1{font-size:1.125rem}.navbar-social{gap:.5rem}.navbar-social-icon{width:2rem;height:2rem}.navbar-social-icon svg{width:14px;height:14px}}@media(max-width:480px){.navbar{padding:.875rem 1rem}.navbar-logo h1{font-size:1rem}.navbar-social{gap:.375rem}.navbar-social-icon{width:1.75rem;height:1.75rem}.navbar-social-icon svg{width:12px;height:12px}}@media(min-width:768px){.navbar{padding:1.5rem 3rem}.navbar-logo h1{font-size:1.5rem}.navbar-links{display:flex}}.navbar-mobile-toggle{display:block;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}@media(min-width:768px){.navbar-mobile-toggle{display:none}}.navbar-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;z-index:10001;padding:0}.hamburger-line{width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.navbar-hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-hamburger.active .hamburger-line:nth-child(2){opacity:0}.navbar-hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu{display:none;position:fixed;top:0;right:-100%;width:75%;max-width:300px;height:100vh;background:#0a0a0a;border-left:1px solid rgba(255,255,255,.1);z-index:9999;padding:80px 30px 30px;transition:right .3s ease}.mobile-menu.active{right:0}.mobile-menu-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.mobile-menu-links li a{display:block;padding:16px 0;font-size:1.25rem;font-weight:500;color:#9ca3af;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.mobile-menu-links li a:hover{color:#fff;padding-left:10px}@media(min-width:768px){.navbar-hamburger{display:none}.mobile-menu,.mobile-menu-overlay{display:none!important}}@media(max-width:767px){.mobile-menu{display:block}}.hero-section{position:relative;min-height:100vh;background:#000;color:#fff;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.hero-grid{position:absolute;inset:0;opacity:.04;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:48px 48px}.hero-desktop{display:none}@media(min-width:769px){.hero-desktop{display:flex;align-items:center;justify-content:center;height:100vh;position:relative}.hero-mobile{display:none}.hero-bg-name{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;z-index:1;white-space:nowrap;overflow:hidden;width:100%}.hero-bg-marquee{display:flex;animation:marquee 20s linear infinite}.hero-bg-text{font-family:Syne,sans-serif;font-size:clamp(6rem,15vw,14rem);font-weight:900;line-height:.85;letter-spacing:-.04em;text-transform:uppercase;background:linear-gradient(180deg,#ffffffe6,#fff9,#96969666 60%,#50505033);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none;padding-right:4rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-center-avatar{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out}.hero-avatar-main{width:clamp(250px,32vw,420px);height:auto;object-fit:contain;filter:drop-shadow(0 20px 60px rgba(0,0,0,.5))}.hero-avatar-main.avatar-loading{opacity:0;transform:scale(.8) translateY(30px)}.hero-avatar-main.avatar-loaded{animation:avatarReveal 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes avatarReveal{0%{opacity:0;transform:scale(.8) translateY(30px);filter:drop-shadow(0 0 0 rgba(0,0,0,0)) blur(10px)}50%{filter:drop-shadow(0 10px 30px rgba(0,0,0,.3)) blur(0px)}to{opacity:1;transform:scale(1) translateY(0);filter:drop-shadow(0 20px 60px rgba(0,0,0,.5)) blur(0px)}}.hero-scroll-left{position:absolute;bottom:40px;left:40px;display:flex;align-items:center;gap:12px;background:none;border:none;color:#888;font-size:.75rem;font-weight:500;letter-spacing:.15em;cursor:pointer;transition:color .2s ease;z-index:20}.hero-scroll-left:hover{color:#fff}.scroll-arrow-circle{width:36px;height:36px;border:1px solid #444;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.hero-scroll-left:hover .scroll-arrow-circle{border-color:#888}.hero-resume-btn{position:absolute;bottom:40px;right:40px;display:flex;align-items:center;gap:10px;padding:12px 24px;background:transparent;border:1px solid #444;color:#fff;font-size:.8rem;font-weight:500;letter-spacing:.1em;text-decoration:none;cursor:pointer;transition:all .2s ease;z-index:20}.hero-resume-btn:hover{border-color:#fff;background:#ffffff0d}}.hero-mobile{display:block}@media(min-width:769px){.hero-mobile{display:none}}.hero-content{height:100vh;display:flex;align-items:center;justify-content:center;padding:0 1.5rem}.hero-container{max-width:1100px;width:100%;display:grid;gap:3rem}.hero-text{text-align:center}.hero-welcome-badge span{font-size:.75rem;letter-spacing:.08em;color:#aaa;text-transform:uppercase}.hero-title{font-size:2.8rem;font-weight:700;margin:1rem 0}.hero-name{color:#fff}.typing-cursor{margin-left:4px;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.hero-subtitle{font-size:1.6rem;font-weight:400;color:#ccc;margin-bottom:1.5rem}.hero-description{color:#999;font-size:1rem;max-width:480px;margin:0 auto 2rem}.hero-tagline{color:#777}.hero-buttons{display:flex;gap:1rem;justify-content:center}.hero-btn{padding:.9rem 1.8rem;border-radius:999px;font-size:.9rem;font-weight:500;text-decoration:none;border:1px solid #fff;transition:all .2s ease}.hero-btn-primary{background:#fff;color:#000}.hero-btn-primary:hover{background:#e5e5e5}.hero-btn-secondary{background:transparent;color:#fff}.hero-btn-secondary:hover{background:#111}.hero-avatar-container{display:flex;justify-content:center}.hero-avatar-image{width:260px;height:auto;border-radius:50%;border:1px solid #333}.hero-scroll-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:none;border:none;color:#777;font-size:.7rem;letter-spacing:.15em;cursor:pointer}.hero-scroll-btn:hover{color:#fff}@media(max-width:768px){.hero-avatar-container{display:none}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.3rem}}.about-section{min-height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 80px;color:#fff;gap:60px}.about-section-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.about-section-label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#666}.about-section-title{font-family:Syne,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin:0;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-container{max-width:1100px;width:100%;display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:center}.about-image-wrapper{width:100%}.image-container{width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;border:1px solid #222}.about-image{width:100%;height:100%;object-fit:cover;display:block}.about-content{display:flex;flex-direction:column;gap:20px}.about-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#888;animation:fadeUp .6s ease forwards}.about-heading{font-family:Syne,sans-serif;font-size:2.6rem;font-weight:600;line-height:1.3;margin:0;animation:fadeUp .6s ease .1s forwards}.about-role{font-size:1.25rem;font-weight:400;color:#9ca3af;margin:0;letter-spacing:.05em;animation:fadeUp .6s ease .15s forwards}.highlight-clarity,.highlight-usability{color:#fff;font-weight:500}.about-description{font-size:1rem;line-height:1.8;color:#aaa;max-width:560px;animation:fadeUp .6s ease .2s forwards}@media(max-width:1024px){.about-container{grid-template-columns:1fr;gap:60px;text-align:center}.about-image-wrapper{max-width:320px;margin:0 auto}.about-content{align-items:center}.about-description{max-width:100%}}@media(max-width:768px){.about-section{padding:60px 20px}.about-heading{font-size:2rem}.about-description{font-size:.95rem}}@media(max-width:480px){.about-section{padding:40px 16px}.about-heading{font-size:1.7rem}.about-label{font-size:.65rem}}.experience-section{min-height:100vh;background:#000;color:#fff;padding:100px 20px;display:flex;justify-content:center;align-items:center}.experience-container{max-width:1100px;width:100%}.experience-header{margin-bottom:80px}.experience-label{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#888;margin-bottom:12px;animation:fadeUp .6s ease forwards}.experience-heading{font-size:3rem;font-family:Syne,sans-serif;font-weight:900;line-height:.8;letter-spacing:-.05em;margin:0;animation:fadeUp .6s ease .1s forwards}.experience-timeline{display:flex;flex-direction:column;gap:40px}.experience-card{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:40px;border:1px solid #222;border-radius:8px;animation:fadeUp .6s ease forwards}.experience-card:hover{border-color:#555}.experience-card-left{display:flex;flex-direction:column;gap:6px}.experience-title{font-size:1.1rem;font-weight:600;margin:0}.experience-company{font-size:.95rem;color:#ccc;font-weight:500}.experience-period{font-size:.75rem;color:#777}.experience-card-right{display:flex;flex-direction:column;gap:14px}.experience-description{font-size:.95rem;line-height:1.7;color:#aaa}.experience-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.experience-points li{font-size:.9rem;color:#999;padding-left:16px;position:relative}.experience-points li:before{content:"–";position:absolute;left:0;color:#555}.experience-tech{margin-top:10px}.experience-tech-label{font-size:.75rem;color:#777;margin-bottom:6px}.experience-tech-tags{display:flex;flex-wrap:wrap;gap:6px}.experience-tech-tag{font-size:.7rem;padding:4px 8px;border:1px solid #222;border-radius:4px;color:#aaa}.experience-certificate{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.certificate-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:500;text-decoration:none;border-radius:8px;transition:all .3s ease;cursor:pointer}.certificate-view{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.certificate-view:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.certificate-download{background:#fff;color:#000;border:1px solid #fff}.certificate-download:hover{background:#e0e0e0;transform:translateY(-2px)}.certificate-btn svg{flex-shrink:0}@media(max-width:1024px){.experience-card{grid-template-columns:1fr;gap:30px}}@media(max-width:768px){.experience-section{padding:80px 20px}.experience-heading{font-size:2.4rem}.experience-card{padding:30px}}@media(max-width:480px){.experience-section{padding:60px 16px}.experience-heading{font-size:2rem}.experience-card{padding:24px}.experience-title{font-size:1rem}}.projects-section{min-height:100vh;background:#000;color:#fff;padding:100px 20px;display:flex;align-items:center;justify-content:center}.projects-container{max-width:1100px;width:100%}.projects-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px;align-items:center}.projects-heading{font-size:3rem;font-family:Syne,sans-serif;font-weight:900;line-height:.8;letter-spacing:-.05em;margin:0;animation:fadeUp .6s ease forwards}.projects-subtitle{font-size:.95rem;line-height:1.7;color:#aaa;animation:fadeUp .6s ease .1s forwards}.projects-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.project-card{border:1px solid #222;border-radius:8px;overflow:hidden;transition:border-color .2s ease,transform .2s ease;animation:fadeUp .6s ease forwards}.project-card:hover{border-color:#555;transform:translateY(-4px)}.project-image-wrapper{width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#111}.project-image{width:100%;height:100%;object-fit:cover}.project-content{padding:20px;display:flex;flex-direction:column;gap:12px}.project-category{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#777}.project-title{font-size:1.1rem;font-weight:600;margin:0}.project-description{font-size:.9rem;line-height:1.6;color:#aaa}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.project-tag{font-size:.7rem;padding:4px 8px;border:1px solid #222;border-radius:4px;color:#aaa}.project-links{display:flex;gap:10px;margin-top:6px}.project-link{font-size:.75rem;padding:6px 12px;border:1px solid #222;border-radius:4px;text-decoration:none;color:#ccc;transition:border-color .15s ease,color .15s ease}.project-link:hover{border-color:#555;color:#fff}@media(max-width:1024px){.projects-header{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.projects-section{padding:80px 20px}.projects-heading{font-size:2.4rem}}@media(max-width:480px){.projects-section{padding:60px 16px}.projects-heading{font-size:2rem}.project-links{flex-direction:column}.project-link{text-align:center}}.tech-stack{min-height:100vh;background:#000;padding:80px 20px;color:#fff;display:flex;align-items:center;justify-content:center}.tech-stack-container{max-width:1100px;width:100%}.tech-stack-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px;align-items:center}.tech-stack-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#888;margin-bottom:12px;animation:fadeUp .6s ease forwards}.tech-stack-title{font-size:3rem;font-family:Syne,sans-serif;font-weight:900;line-height:.8;letter-spacing:-.05em;margin:0;animation:fadeUp .6s ease .1s forwards}.tech-stack-description{font-size:.95rem;line-height:1.7;color:#aaa;animation:fadeUp .6s ease .2s forwards}.tech-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.tech-category-card{border:1px solid #222;padding:32px;border-radius:8px;animation:fadeUp .6s ease forwards}.tech-category-title{font-size:.85rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:24px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.tech-item{border:1px solid #222;border-radius:6px;padding:16px;text-align:center;transition:transform .15s ease,border-color .15s ease}.tech-item:hover{transform:translateY(-2px);border-color:#555}.tech-icon{font-size:28px;margin-bottom:6px}.tech-name{font-size:.75rem;color:#ccc}@media(max-width:1024px){.tech-stack-header{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.tech-stack{padding:60px 20px}.tech-stack-title{font-size:2.4rem}.tech-category-card{padding:24px}}@media(max-width:480px){.tech-stack{padding:40px 16px}.tech-stack-title{font-size:2rem}.tech-grid{grid-template-columns:repeat(2,1fr)}.tech-item{padding:12px}.tech-icon{font-size:24px}.tech-name{font-size:.7rem}}.contact-section{min-height:100vh;background:#000;color:#fff;padding:80px 20px;display:flex;align-items:center;justify-content:center}.contact-container{max-width:1100px;width:100%}.contact-header{text-align:center;max-width:640px;margin:0 auto 60px}.contact-label{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#888;margin-bottom:12px;animation:fadeUp .6s ease forwards}.contact-heading{font-size:3rem;font-family:Syne,sans-serif;font-weight:900;line-height:.8;letter-spacing:-.05em;margin:0 0 12px;animation:fadeUp .6s ease .1s forwards}.contact-description{font-size:.95rem;line-height:1.7;color:#aaa;animation:fadeUp .6s ease .2s forwards}.contact-form{max-width:720px;margin:0 auto;padding:40px;border:1px solid #222;border-radius:8px;animation:fadeUp .6s ease .3s forwards}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.75rem;color:#aaa}.form-input,.form-textarea{width:100%;padding:12px 14px;background:#000;border:1px solid #222;border-radius:4px;color:#fff;font-size:.9rem;font-family:inherit;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#555}.form-input:focus,.form-textarea:focus{border-color:#555}.form-textarea{resize:vertical;min-height:140px}.form-button{margin-top:10px;padding:12px 24px;border:1px solid #222;background:#000;color:#fff;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.form-button:hover{border-color:#555}.form-button:disabled{opacity:.5;cursor:not-allowed}.success-message{margin-top:14px;padding:10px;border:1px solid #333;color:#ccc;font-size:.85rem;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.contact-heading{font-size:2.4rem}.contact-form{padding:30px}.form-grid{grid-template-columns:1fr}}@media(max-width:480px){.contact-heading{font-size:2rem}.contact-form{padding:24px}}.footer{background:#000;border-top:1px solid #222;padding:40px 20px}.footer-container{max-width:1100px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer-left{display:flex;flex-direction:column;gap:6px}.footer-copyright{font-size:.85rem;color:#ccc;margin:0}.footer-tagline{font-size:.7rem;color:#777;margin:0}.footer-right{display:flex;align-items:center;gap:14px}.footer-social-link{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #222;border-radius:6px;color:#aaa;text-decoration:none;transition:border-color .15s ease,color .15s ease}.footer-social-link:hover{border-color:#555;color:#fff}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:20px}.footer-left{align-items:center}}@media(max-width:480px){.footer{padding:32px 16px}.footer-social-link{width:34px;height:34px}}#root{min-height:100vh;position:relative}.app{min-height:100vh;background-color:#000;position:relative;overflow-x:hidden}.app>section{position:relative;isolation:isolate}.scroll-reveal{opacity:0;transform:translateY(50px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal.active{opacity:1;transform:translateY(0)}.scroll-reveal.delay-1{transition-delay:.1s}.scroll-reveal.delay-2{transition-delay:.2s}.scroll-reveal.delay-3{transition-delay:.3s}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}