:root{--bg:#0b1020;--surface:#11162a;--card:#151b34;--primary:#4f46e5;--accent:#22d3ee;--text:#e5e7eb;--muted:#9ca3af;--radius:18px}.service-card,.about-card{transition:transform .4s,box-shadow .4s}.service-card:hover,.about-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #4f46e540}.btn-primary,.nav-cta,.contact-form button{transition:transform .25s,box-shadow .25s}.btn-primary:hover,.nav-cta:hover,.contact-form button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #22d3ee66}.navbar{transition:background .3s,box-shadow .3s}.navbar.scrolled{background:#0b1020f2;box-shadow:0 10px 30px #0006}html{scroll-behavior:smooth}html,body{width:100%;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body{background:radial-gradient(800px circle at top, #4f46e526, transparent 40%), var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.navbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b1020b3;justify-content:space-between;align-items:center;padding:20px 60px;display:flex;position:sticky;top:0}.logo{letter-spacing:.5px;font-weight:700}.navbar nav a{color:var(--muted);margin-left:30px}.nav-cta{background:linear-gradient(135deg, var(--primary), var(--accent));color:#000;border-radius:999px;padding:10px 18px;font-weight:600}.hero{text-align:center;max-width:1100px;margin:auto;padding:140px 20px 120px}.hero h1{margin:25px 0;font-size:clamp(2.8rem,6vw,4rem)}.hero h1 span{background:linear-gradient(135deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text}.hero p{max-width:650px;color:var(--muted);margin:auto;font-size:1.1rem}.pill{color:var(--accent);background:#4f46e526;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero-actions{justify-content:center;gap:20px;margin-top:40px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#000;border-radius:999px;padding:14px 28px;font-weight:700}.btn-secondary{border:1px solid #ffffff26;border-radius:999px;padding:14px 28px}.section{max-width:1100px;margin:auto;padding:120px 20px}.section-title{text-align:center;margin-bottom:60px;font-size:2.2rem}.service-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;display:grid}.service-card{border-radius:var(--radius);background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff14;padding:35px}.service-card h3{margin-bottom:12px}.service-card p{color:var(--muted)}.about-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;display:grid}.about p{color:var(--muted);margin-bottom:18px}.stats{gap:40px;margin-top:30px;display:flex}.stats h3{background:linear-gradient(135deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;font-size:2rem}.stats span{color:var(--muted);font-size:.85rem}.about-card{border-radius:var(--radius);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff14;padding:40px}.about-card h4{margin-top:20px;margin-bottom:10px}.contact{text-align:center}.contact-sub{color:var(--muted);margin-bottom:40px}.contact-form{gap:18px;max-width:480px;margin:auto;display:grid}.contact-form input,.contact-form textarea{background:var(--card);color:var(--text);border:none;border-radius:12px;padding:16px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9ca3af}.contact-form button{background:linear-gradient(135deg, var(--primary), var(--accent));color:#000;cursor:pointer;border:none;border-radius:999px;width:100%;height:54px;margin-top:10px;padding:15px;font-size:.95rem;font-weight:600;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #22d3ee66}.contact-form button.loading span{opacity:0}.contact-form button.loading:after{content:"";border:3px solid #000;border-top-color:#0000;border-radius:50%;width:22px;height:22px;margin:auto;animation:1s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.contact-wrapper{grid-template-columns:1.4fr 1fr;align-items:center;gap:100px;max-width:1200px;margin:auto;display:grid}.contact-info h2{margin-bottom:20px;font-size:2.3rem;line-height:1.2}.contact-info p{color:var(--muted);max-width:420px;margin-top:20px;font-size:1.05rem}.contact-form{background:linear-gradient(#ffffff1a,#ffffff0a);border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;justify-content:space-between;width:100%;max-width:420px;min-height:560px;margin-left:auto;padding:44px 36px;display:flex}.field{margin-bottom:26px;position:relative}.field input{background:var(--card);width:100%;height:56px;color:var(--text);border:1px solid #0000;border-radius:16px;outline:none;padding:0 22px;font-size:1rem}.field textarea{background:var(--card);width:100%;min-height:120px;max-height:220px;color:var(--text);resize:none;border:1px solid #0000;border-radius:16px;outline:none;padding:18px 22px;font-size:1rem;transition:height .25s;overflow:hidden}.field label{color:var(--muted);pointer-events:none;background:var(--card);padding:0 6px;transition:all .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #22d3ee26}.field input:focus+label,.field input:valid+label,.field textarea:focus+label,.field textarea:valid+label{color:var(--accent);font-size:.75rem;top:-8px}.contact-form input,.contact-form textarea{background-color:var(--card)!important;color:var(--text)!important}.contact-form input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--card) inset!important}.contact-form input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--card) inset!important}.contact-form input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--card) inset!important}.contact-form textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--card) inset!important}.contact{position:relative}.contact:before{content:"";z-index:-1;background:radial-gradient(circle at 100%,#4f46e540,#0000 60%);position:absolute;inset:-20%}.footer{background:#070b18;margin-top:100px;padding:80px 20px 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1100px;margin:auto;display:grid}.footer h3,.footer h4{margin-bottom:15px}.footer p{color:var(--muted)}.footer a{color:var(--muted);margin-bottom:10px;font-size:.95rem;display:block}.footer a:hover{color:var(--accent)}.footer-bottom{text-align:center;color:#9ca3af;margin-top:60px;font-size:.85rem}.toast{color:#000;opacity:0;z-index:999;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;padding:14px 22px;font-weight:600;transition:all .4s;position:fixed;bottom:30px;right:30px;transform:translateY(20px)}.toast.show{opacity:1;transform:translateY(0)}*{scroll-behavior:smooth}.fade-up{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-up.show{opacity:1;transform:translateY(0)}.hero h1 span{background-size:200% 200%;animation:6s infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:768px){.contact-wrapper{grid-template-columns:1fr;gap:40px;max-width:100%;padding:0 16px}.contact-info{text-align:center}.contact-info h2{font-size:2rem}.contact-info p{margin:0 auto;font-size:.95rem}.contact-form{border-radius:22px;max-width:100%;min-height:auto;margin-left:0;padding:28px 20px}.field input{height:52px;font-size:.95rem}.field textarea{min-height:110px;max-height:200px;font-size:.95rem}.contact-form button{height:50px;font-size:.95rem}.contact.section{padding:80px 0 100px}.about-grid{grid-template-columns:1fr;gap:40px;padding:0 16px}.about-card{max-width:100%;margin:0 auto}.service-grid{grid-template-columns:1fr;padding:0 16px}.hero{text-align:center;padding:110px 16px 80px}.hero h1{font-size:2.2rem}.hero-actions{flex-direction:column;gap:14px}.navbar{padding:16px}.navbar nav{gap:16px}.nav-cta{padding:10px 16px;font-size:.9rem}}