@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root{--primary:#1a56db;--primary-hover:#1e429f;--bg-gradient:linear-gradient(135deg, #1e3a8a 0%, #1a56db 100%);--bg-soft:#f8fafc;--text-main:#1e293b;--text-muted:#64748b;--card-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--border-radius-lg:20px;--border-radius-md:16px;--glass-bg:#fffc;--glass-border:#e2e8f0cc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-soft);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Outfit,Inter,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-main);font-weight:700}a{color:inherit;text-decoration:none}.mainActionBtn{border-radius:var(--border-radius-md);background:var(--primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;height:56px;padding:0 32px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 6px -1px #1a56db33}.mainActionBtn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #1a56db4d}.secondaryActionBtn{border-radius:var(--border-radius-md);height:56px;color:var(--primary);border:1px solid var(--glass-border);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 32px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.secondaryActionBtn:hover{background:var(--bg-soft);border-color:var(--primary)}.premiumCard{border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);border:1px solid var(--glass-border);background:#fff;padding:32px;transition:transform .3s,box-shadow .3s}.premiumCard:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.topHeader{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:1000;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 40px;transition:height .3s;display:flex;position:fixed;top:0;left:0}.header-logo{object-fit:contain;width:160px;height:auto;transition:width .3s}.hero-logo{object-fit:contain;width:400px;height:auto;transition:width .3s}.hero-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;font-size:3.5rem;transition:all .3s;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:120px 0 20px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.badge{color:var(--primary);background:#1a56db1a;border-radius:99px;margin-bottom:24px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-block}.form-group{margin-bottom:20px}.form-label{color:var(--text-muted);margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--glass-border);background:var(--bg-soft);width:100%;height:48px;color:var(--text-main);border-radius:12px;padding:0 16px;font-family:inherit;font-size:1rem;transition:all .3s}.form-input:focus,.form-select:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #1a56db1a}.result-block{background:var(--bg-gradient);color:#fff;text-align:center;border-radius:16px;padding:32px}.result-value{font-size:2.5rem;font-weight:800;line-height:1;display:block}.result-label{opacity:.8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-muted);padding:48px 0;font-size:.875rem}@media (max-width:768px){.topHeader{height:64px;padding:0 20px}.header-logo{width:170px}.hero-logo{width:260px;margin-top:-10px}.hero-title{flex-direction:column;gap:0!important;font-size:2.2rem!important}.section-padding{padding:40px 0}.hero-section{padding-top:85px!important;padding-bottom:12px!important}.premiumCard{padding:24px}}.calculatorTabs{align-items:center;gap:20px;display:flex}.studyLayout{gap:24px;display:grid}.inputGroup{gap:8px;display:grid}.metricCard{border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);text-align:center;border:1px solid var(--glass-border);background:#fff;flex-direction:column;gap:4px;padding:20px;transition:transform .2s;display:flex}.metricCard:hover{transform:translateY(-2px)}.metricLabel{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.metricValue{color:var(--text-main);font-size:1.5rem;font-weight:800}.metricSub{color:var(--text-muted);font-size:.8rem}.savingsPositive{color:#fff!important;background:linear-gradient(135deg,#059669 0%,#10b981 100%)!important}.savingsPositive *{color:#fff!important}.savingsNegative{color:#fff!important;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%)!important}.savingsNegative *{color:#fff!important}.savingsNeutral{color:#fff!important;background:linear-gradient(135deg,#475569 0%,#64748b 100%)!important}.savingsNeutral *{color:#fff!important}.copyBox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;font-size:.85rem;line-height:1.6}.resultHighlight{margin:10px 0;font-size:3.5rem;font-weight:900}@media (max-width:640px){.calculatorTabs{display:none}}.roleSelectorGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;width:100%;display:grid}.roleCard{cursor:pointer;text-align:center;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);background:#fff;border:2px solid #0000;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.roleCard:hover{border-color:var(--primary);transform:translateY(-8px)}.roleIcon{margin-bottom:10px;font-size:3.5rem}.dashboardGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;display:grid}.statusBadge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:4px 12px;font-size:.75rem;font-weight:700}.status-active{color:#166534;background:#dcfce7}.status-pending{color:#854d0e;background:#fef9c3}.status-cancelled{color:#991b1b;background:#fee2e2}.successMessage{color:#166534;text-align:center;background:#dcfce7;border-radius:12px;margin-bottom:20px;padding:16px;font-weight:600}.dangerButton{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;padding:12px 20px;font-weight:600;transition:all .2s}.dangerButton:hover{background:#fecaca}.nav-pill{text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;padding:10px 20px;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#64748b!important}.nav-pill:hover{background:#e2e8f0;color:var(--primary)!important}.nav-pill.active{transform:scale(1.05);color:#fff!important;background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 8px 20px #1a56db66!important}@media (max-width:768px){.nav-pill{padding:8px 12px;font-size:.65rem}}