.home-page{min-height:100vh;color:#172033;background:radial-gradient(circle at 10% 10%,rgba(34,197,94,.16),transparent 32%),radial-gradient(circle at 90% 20%,rgba(37,99,235,.14),transparent 34%),linear-gradient(180deg,#f8fffb,#fff 45%,#f6f9ff)}.home-page .nav{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.home-page .brand{display:inline-flex;align-items:center;text-decoration:none}.home-page .brand img{display:block;height:52px;width:auto}.home-page .nav-links{display:flex;align-items:center;justify-content:flex-end;gap:18px}.home-page .nav-anchor{color:#374151;text-decoration:none;font-size:14px;font-weight:700}.home-page .nav-login{padding:10px 17px;color:#fff;background:#16a34a;border-radius:999px}.home-page .hero{max-width:1200px;margin:0 auto;padding:72px 24px 88px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;grid-gap:64px;gap:64px}.home-page .hero-copy{text-align:start}.home-page .badge{display:inline-flex;padding:8px 14px;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;font-size:13px;font-weight:800}.home-page .hero h1{max-width:780px;margin:22px 0 20px;color:#10233f;font-size:clamp(42px,6vw,68px);line-height:1.06;letter-spacing:-.035em}.home-page .hero-copy>p{max-width:700px;margin:0;color:#526075;font-size:19px;line-height:1.8}.home-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.home-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s}.home-page .button:hover{transform:translateY(-2px)}.home-page .button-primary{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 12px 28px rgba(22,163,74,.25)}.home-page .button-secondary{color:#1d4ed8;background:#fff;border:1px solid #bfdbfe}.home-page .preview{padding:24px;background:hsla(0,0%,100%,.92);border:1px solid rgba(148,163,184,.28);border-radius:24px;box-shadow:0 28px 70px rgba(15,42,75,.16)}.home-page .preview-header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e5e7eb}.home-page .preview-icon{display:grid;width:50px;height:50px;place-items:center;background:#ecfdf5;border-radius:14px;font-size:27px}.home-page .preview-title{margin:0;color:#1f2937;font-size:17px;line-height:1.5}.home-page .preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.home-page .preview-item{min-height:96px;padding:16px;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;font-size:13px;font-weight:800;line-height:1.5}.home-page .preview-item span{display:block;margin-bottom:8px;font-size:24px}.home-page .section{max-width:1200px;margin:0 auto;padding:78px 24px}.home-page .section-heading{max-width:720px;margin:0 auto 38px;text-align:center}.home-page .section-heading h2{margin:0 0 12px;color:#10233f;font-size:clamp(30px,4vw,44px);line-height:1.2}.home-page .section-heading p{margin:0;color:#64748b;font-size:17px;line-height:1.7}.home-page .portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;max-width:900px;margin-inline:auto}.home-page .feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.home-page .feature-card,.home-page .portal-card{padding:25px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;text-align:start;box-shadow:0 12px 30px rgba(30,41,59,.06)}.home-page .portal-card{display:flex;min-height:230px;flex-direction:column;color:inherit;text-decoration:none;border-top:4px solid var(--portal-color);transition:transform .2s,box-shadow .2s}.home-page .portal-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(30,41,59,.12)}.home-page .card-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:18px;background:#f1f5f9;border-radius:14px;font-size:28px}.home-page .feature-card h3,.home-page .portal-card h3{margin:0 0 10px;color:#1e293b;font-size:19px}.home-page .feature-card p,.home-page .portal-card p{margin:0;color:#64748b;font-size:14px;line-height:1.7}.home-page .portal-action{margin-top:auto;padding-top:20px;color:var(--portal-color);font-size:14px;font-weight:800}.home-page .features-section{background:#f8fafc;border-block:1px solid #e5e7eb}.home-page .feature-card{min-height:215px}.home-page .cta{max-width:1152px;margin:72px auto;padding:58px 28px;color:#fff;background:linear-gradient(135deg,#15803d,#166534 48%,#1d4ed8);border-radius:26px;text-align:center;box-shadow:0 24px 60px rgba(21,128,61,.25)}.home-page .cta h2{margin:0 0 12px;font-size:clamp(30px,4vw,44px)}.home-page .cta p{max-width:700px;margin:0 auto;color:#e5f7eb;font-size:17px;line-height:1.7}.home-page .cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}.home-page .cta .button-primary{color:#166534;background:#fff}.home-page .cta .button-secondary{color:#fff;background:transparent;border-color:hsla(0,0%,100%,.65)}@media (max-width:950px){.home-page .hero{grid-template-columns:1fr;gap:42px;padding-top:48px}.home-page .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.home-page .nav{padding:14px 16px}.home-page .brand img{height:43px}.home-page .nav-anchor:not(.nav-login){display:none}.home-page .nav-links{gap:8px}.home-page .nav-login{display:none}.home-page .hero,.home-page .section{padding-inline:18px}.home-page .hero{padding-top:42px;padding-bottom:58px}.home-page .hero h1{font-size:42px}.home-page .hero-copy>p{font-size:17px}.home-page .hero-actions .button{width:100%}.home-page .feature-grid,.home-page .portal-grid,.home-page .preview-grid{grid-template-columns:1fr}.home-page .cta{margin:44px 16px;padding:44px 20px;border-radius:20px}}