:root{--primary:#0b2f4f;--primary-soft:#123f68;--green:#16a36b;--green-dark:#0f7b52;--text:#172033;--muted:#64748b;--border:#e2e8f0;--bg:#fff;--soft-bg:#f6faf8;--card:#fff;--dark:#071d33;--radius:22px;--shadow:0 20px 60px #0f172a14;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1120px,100% - 32px);margin:0 auto}.navbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e2e8f0cc;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;min-height:78px;display:flex}.logo-img{object-fit:contain;border-radius:16px;width:70px;height:70px}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--green));color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.brand strong{color:var(--primary);font-size:15px;display:block}.brand small{color:var(--muted);margin-top:-2px;font-size:12px;display:block}.nav-links{color:#334155;align-items:center;gap:26px;font-size:14px;display:flex}.nav-links a:hover{color:var(--green)}.nav-login{background:var(--primary);border-radius:999px;padding:11px 18px;font-weight:800;color:#fff!important}.nav-login:hover{background:var(--green)}.menu-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;font-size:28px;display:none}.hero{background:radial-gradient(circle at 0 0,#16a36b29,#0000 34%),linear-gradient(#f8fbff 0%,#fff 100%);align-items:center;min-height:calc(100vh - 78px);padding:92px 0 80px;display:flex;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;display:grid}.eyebrow{color:var(--green);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.06em;color:var(--primary);margin:18px 0 22px;font-size:clamp(42px,6vw,72px);line-height:1.02}.hero p{max-width:650px;color:var(--muted);font-size:18px}.hero-actions{flex-wrap:wrap;gap:14px;margin:34px 0;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:900;transition:all .25s;display:inline-flex}.btn-primary{background:var(--green);color:#fff;box-shadow:0 14px 32px #16a36b3d}.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px)}.btn-secondary{color:var(--primary);border-color:var(--border);background:#fff}.btn-secondary:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}.hero-stats{grid-template-columns:repeat(3,1fr);gap:18px;max-width:620px;display:grid}.hero-stats div{border:1px solid var(--border);background:#ffffffb3;border-radius:18px;padding:18px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{color:var(--primary)}.hero-stats span{color:var(--muted);font-size:13px}.dashboard-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:30px;padding:26px}.dashboard-top{color:var(--primary);justify-content:space-between;margin-bottom:22px;font-weight:900;display:flex}.dashboard-top small{color:var(--green)}.balance-box{background:linear-gradient(135deg, var(--primary), #0e4b7c);color:#fff;border-radius:24px;margin-bottom:18px;padding:24px}.balance-box span,.balance-box small{opacity:.78;display:block}.balance-box strong{margin:8px 0;font-size:32px;display:block}.mini-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mini-grid div{background:var(--soft-bg);border-radius:18px;padding:18px}.mini-grid span{color:var(--muted);font-size:13px;display:block}.mini-grid strong{color:var(--primary);font-size:28px}.activity-list{margin-top:20px}.activity-list p{color:var(--muted);align-items:center;gap:10px;margin-bottom:10px;display:flex}.activity-list span{background:var(--green);border-radius:999px;width:9px;height:9px}.fade-up{animation:.8s both fadeUp}.delay{animation-delay:.15s}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.menu-btn{display:block}.nav-links{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;top:78px;left:16px;right:16px}.nav-links.show{display:flex}.nav-login{text-align:center}.hero{padding-top:64px}.hero-grid,.hero-stats{grid-template-columns:1fr}}@media (width<=560px){.container{width:min(100% - 22px,1120px)}.hero h1{font-size:40px}.hero-actions{flex-direction:column}.btn{width:100%}.dashboard-card{border-radius:22px;padding:20px}.balance-box strong{font-size:26px}}.section{padding:88px 0}.soft-bg{background:var(--soft-bg)}.section-header{max-width:720px;margin-bottom:42px}.section-header.center{text-align:center;margin-left:auto;margin-right:auto}.section-header h2{color:var(--primary);letter-spacing:-.04em;margin:12px 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.1}.section-header p{color:var(--muted);font-size:17px}.about-grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:34px;display:grid}.mission-grid{gap:18px;display:grid}.info-card,.service-card,.step-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:all .25s;box-shadow:0 10px 28px #0f172a0a}.info-card:hover,.service-card:hover,.step-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card-label{color:var(--green);text-transform:uppercase;letter-spacing:.06em;background:#16a36b1a;border-radius:999px;margin-bottom:14px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.info-card h3,.service-card h3,.step-card h3,.why-card h3{color:var(--primary);margin-bottom:10px}.info-card p,.service-card p,.step-card p,.why-card p{color:var(--muted);margin-bottom:0}.card-grid,.steps-grid,.why-grid{gap:18px;display:grid}.card-grid{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(4,1fr)}.icon-circle{width:44px;height:44px;color:var(--green);background:#16a36b1f;border-radius:15px;place-items:center;margin-bottom:18px;font-weight:900;display:grid}.step-card span{color:var(--green);letter-spacing:-.05em;font-size:34px;font-weight:900}.dark-section{background:radial-gradient(circle at top right, #16a36b2e, transparent 35%), var(--dark);color:#fff}.dark-section .section-header h2,.dark-section .section-header p{color:#fff}.dark-section .section-header p{opacity:.75}.why-grid{grid-template-columns:repeat(4,1fr)}.why-card{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1f;padding:24px;transition:all .25s}.why-card:hover{background:#ffffff17;transform:translateY(-4px)}.why-card h3{color:#fff}.why-card p{color:#ffffffb8}@media (width<=900px){.about-grid{grid-template-columns:1fr}.card-grid,.steps-grid,.why-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.section{padding:64px 0}.card-grid,.steps-grid,.why-grid{grid-template-columns:1fr}}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.testimonial-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:26px;transition:all .25s;box-shadow:0 10px 28px #0f172a0a}.testimonial-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.testimonial-card p{color:var(--muted);margin-bottom:24px}.testimonial-person{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--primary), var(--green));color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.testimonial-person strong,.testimonial-person span{display:block}.testimonial-person strong{color:var(--primary)}.testimonial-person span{color:var(--muted);font-size:13px}.faq-container{max-width:880px}.faq-list{gap:12px;display:grid}details{border:1px solid var(--border);background:#fff;border-radius:18px;padding:18px 20px;transition:all .25s}details:hover{box-shadow:0 10px 28px #0f172a0a}summary{cursor:pointer;color:var(--primary);font-weight:900}details p{color:var(--muted);margin:12px 0 0}.contact-section{background:radial-gradient(circle at 100% 0,#16a36b1f,#0000 30%),#fff}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:42px;display:grid}.contact-section h2{color:var(--primary);letter-spacing:-.04em;margin:12px 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.1}.contact-section p{color:var(--muted);font-size:17px}.contact-list{margin-top:26px}.contact-list p{margin-bottom:10px}.contact-list strong{color:var(--primary)}.contact-form{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:26px;gap:14px;padding:28px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--border);resize:vertical;width:100%;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:14px 16px;font-size:15px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #16a36b1a}.contact-form small{color:var(--muted)}.footer{color:#fff;background:#06182a;padding:62px 0 22px}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:26px;display:grid}.footer p,.footer a,.footer small{color:#ffffffb8}.footer h4{color:#fff;margin-top:0;margin-bottom:14px}.footer a{margin-bottom:10px;display:block}.footer a:hover{color:#fff}.footer-brand{margin-bottom:16px}.footer-brand strong{color:#fff}.footer-bottom{border-top:1px solid #ffffff1f;margin-top:34px;padding-top:18px}.footer-bottom p{margin-bottom:0;font-size:14px}.footer-logo-box{background:#fff;border-radius:16px;place-items:center;width:58px;height:58px;padding:6px;display:grid}.footer .logo-img{object-fit:contain;width:46px;height:46px}@media (width<=900px){.testimonial-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.testimonial-grid,.form-row,.footer-grid{grid-template-columns:1fr}.contact-form{border-radius:22px;padding:20px}}