@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
html{scroll-behavior:smooth;scroll-padding-top:120px}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#fff;--text-primary:#1a1a2e;--text-secondary:#4a5568;--text-muted:#718096;--border-color:#e2e8f0;--accent:#2d3748;--accent-hover:#1a202c;--success:#38a169;--warning:#d69e2e;--danger:#e53e3e;--info:#3182ce;--radius:8px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:var(--accent);transition:var(--transition);text-decoration:none}a:hover{color:var(--text-primary)}.navbar{border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:100;justify-content:space-between;align-items:center;padding:16px 48px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text-primary);align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.navbar-brand img{mix-blend-mode:multiply;width:auto;height:72px}.navbar-links{align-items:center;gap:32px;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);letter-spacing:.01em;font-size:14px;font-weight:500}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a.btn-primary{color:#fff}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-outline{color:var(--accent);border-color:var(--border-color);background:0 0}.btn-outline:hover{background:var(--bg-secondary)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 16px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.hero{text-align:center;max-width:720px;margin:0 auto;padding:80px 48px}.hero h1{letter-spacing:-.02em;margin-bottom:16px;font-size:36px;font-weight:700;line-height:1.2}.hero p{color:var(--text-secondary);margin-bottom:32px;font-size:17px;line-height:1.7}.section{max-width:960px;margin:0 auto;padding:64px 48px}.section-title{letter-spacing:-.01em;margin-bottom:8px;font-size:24px;font-weight:600}.section-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.section-divider{border:none;border-top:1px solid var(--border-color);margin:0}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:var(--transition);padding:10px 14px;font-family:Inter,sans-serif;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2d37481a}.form-card{max-width:440px;margin:48px auto;padding:40px}.form-card h2{text-align:center;margin-bottom:24px;font-size:22px;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-pending{color:#975a16;background:#fefcbf}.badge-approved{color:#276749;background:#c6f6d5}.badge-paid{color:#2a4365;background:#bee3f8}.badge-building{color:#553c9a;background:#e9d8fd}.badge-delivered{color:#22543d;background:#c6f6d5}.badge-rejected{color:#9b2c2c;background:#fed7d7}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border-color);padding:12px 16px;font-size:12px;font-weight:600}table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px}table tr:hover{background:var(--bg-secondary)}.stepper{justify-content:center;gap:8px;margin-bottom:40px;display:flex}.stepper-step{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.stepper-step.active{color:var(--text-primary)}.stepper-step .step-num{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.stepper-step.active .step-num{background:var(--accent);color:#fff;border-color:var(--accent)}.stepper-step.done .step-num{background:var(--success);color:#fff;border-color:var(--success)}.stepper-divider{background:var(--border-color);align-self:center;width:40px;height:1px}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.checkbox-card{border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:var(--transition);align-items:center;gap:12px;padding:16px;display:flex}.checkbox-card:hover{border-color:var(--accent)}.checkbox-card.selected{border-color:var(--accent);background:var(--bg-secondary)}.checkbox-card input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.faq-item{border-bottom:1px solid var(--border-color);padding:20px 0}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.faq-answer{color:var(--text-secondary);margin-top:12px;font-size:14px;line-height:1.7}.pricing-card{text-align:center;max-width:400px;margin:0 auto;padding:40px}.pricing-amount{letter-spacing:-.02em;font-size:48px;font-weight:700}.pricing-currency{color:var(--text-secondary);font-size:20px;font-weight:400}.pricing-features{text-align:left;margin:24px 0;list-style:none}.pricing-features li{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:8px 0;font-size:14px}.pricing-features li:before{content:"✓";color:var(--success);margin-right:8px;font-weight:700}.footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);padding:32px 48px;font-size:13px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dashboard-header h1{font-size:24px;font-weight:600}.disclaimer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);margin-top:24px;padding:16px 20px;font-size:13px;line-height:1.6}.disclaimer strong{color:var(--text-primary)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.gap-12{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}@media (max-width:768px){.navbar{padding:12px 20px}.navbar-links{gap:16px}.hero{padding:48px 20px}.hero h1{font-size:28px}.section{padding:40px 20px}}