:root{--bg:#0f172a;--card:#1e293b;--primary:#3b82f6;--text:#e5e7eb;--muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;line-height:1.6}.container{max-width:1200px;margin:auto;padding:1.5rem}.build-text{padding-bottom:30px}.nav{border-bottom:1px solid #1e293b}.nav-inner{justify-content:space-between;align-items:center;display:flex}.logo{font-size:1.8rem;font-weight:700}.logo span{color:var(--primary)}nav a{color:var(--muted);margin-left:1.5rem;text-decoration:none}nav a:hover{color:var(--text)}.hero{text-align:center;align-items:center;height:500px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background-image:url(/assets/hero-5-C1dUcEQT.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:20s ease-in-out infinite alternate heroZoom;position:absolute;inset:0}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero-grid{z-index:1;background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero-overlay{z-index:2;background:linear-gradient(#020617d9,#020617a6);position:absolute;inset:0}.hero:before,.hero:after{content:"";filter:blur(60px);opacity:.25;z-index:1;border-radius:40px;width:400px;height:400px;animation:12s ease-in-out infinite float;position:absolute}.hero:before{background:linear-gradient(135deg,#3b82f6,#22c55e);top:-100px;left:-100px}.hero:after{background:linear-gradient(135deg,#a855f7,#3b82f6);animation-delay:4s;bottom:-120px;right:-100px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(40px,20px)}}.hero-code{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #3b82f64d;border-radius:10px;width:300px;height:200px;position:absolute;top:20%;right:10%;box-shadow:0 0 40px #3b82f633}.hero-content{z-index:3;position:relative}.hero h1{margin-bottom:1rem;font-size:2.5rem}.hero p{color:var(--muted);margin-bottom:2rem}.hero-buttons{justify-content:center;gap:1rem;display:flex}.btn{border-radius:6px;padding:.7rem 1.4rem;text-decoration:none;transition:all .2s}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{border:1px solid var(--muted);color:var(--text)}.btn:hover{transform:translateY(-2px)}.section{padding:4rem 0}.section.alt{background:#020617}h2{margin-bottom:2rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.card{background:var(--card);border-radius:10px;padding:1.5rem;transition:all .2s}.card:hover{transform:translateY(-5px)}.stack{flex-wrap:wrap;gap:.5rem;display:flex}.stack span{background:#1e293b;border-radius:5px;padding:.5rem .8rem;font-size:.9rem}.cta{text-align:center;padding:4rem 2rem}nav a.active{color:var(--text)}.page-hero{text-align:center;align-items:center;height:320px;display:flex;position:relative;overflow:hidden}.page-hero .hero-bg{background-image:url(/assets/hero-1-BrBtCo2i.webp)}.page-hero-content{z-index:3;position:relative}.page-label{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:#3b82f61f;border:1px solid #3b82f64d;border-radius:20px;margin-bottom:1rem;padding:4px 14px;font-size:.8rem;font-weight:600;display:inline-block}.page-sub{color:var(--muted);max-width:520px;margin:0 auto;font-size:1rem}.contact-section{padding:4rem 0 5rem}.contact-grid{grid-template-columns:320px 1fr;align-items:start;gap:4rem;display:grid}@media (width<=860px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}}.contact-info h2{color:var(--text);margin-bottom:1.8rem;font-size:1.3rem}.contact-item{align-items:flex-start;gap:1rem;margin-bottom:1.6rem;display:flex}.contact-icon{width:42px;height:42px;color:var(--primary);background:#3b82f61a;border:1px solid #3b82f640;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-icon svg{width:18px;height:18px}.contact-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:.78rem;font-weight:600}.contact-value{color:var(--text);word-break:break-word;font-size:.95rem;text-decoration:none}a.contact-value:hover{color:var(--primary)}.contact-availability{color:#4ade80;background:#22c55e14;border:1px solid #22c55e40;border-radius:20px;align-items:center;gap:8px;margin-top:.5rem;padding:8px 14px;font-size:.82rem;display:inline-flex}.availability-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #22c55e33}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 6px #22c55e0d}}.contact-form-wrap{background:var(--card);border:1px solid #ffffff0f;border-radius:14px;padding:2.2rem 2.4rem}@media (width<=540px){.contact-form-wrap{padding:1.5rem 1.2rem}}.form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}@media (width<=540px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;margin-bottom:1.2rem;display:flex}.form-group label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.82rem;font-weight:600}.form-group input,.form-group textarea{color:var(--text);resize:vertical;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b873}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}.form-group input.invalid,.form-group textarea.invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.field-error{color:#f87171;min-height:1em;font-size:.78rem}.form-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.4rem;display:flex}.form-error-global{color:#f87171;flex:1;font-size:.82rem}.btn-submit{justify-content:center;align-items:center;gap:8px;min-width:148px;display:inline-flex}.btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-spinner svg{width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.form-success{text-align:center;flex-direction:column;align-items:center;gap:.8rem;padding:2rem 1rem;display:flex}.form-success svg{color:#22c55e;width:52px;height:52px;margin-bottom:.4rem}.form-success h3{color:var(--text);margin:0;font-size:1.3rem}.form-success p{color:var(--muted);max-width:340px;margin-bottom:.5rem}