@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--accent-primary:#0284c7;--accent-gradient:linear-gradient(135deg, #0284c7 0%, #3b82f6 100%);--accent-green:#10b981;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e2e8f0;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fffffff2;padding:1rem 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.5px;color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);padding:.65rem 1.25rem;font-weight:700;transition:transform .2s,opacity .2s,box-shadow .2s;box-shadow:0 4px 12px #0284c740}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #0284c759}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#f1f5f9;padding:.65rem 1.25rem;font-weight:600;transition:background .2s,border-color .2s}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.hero-section{text-align:center;background:radial-gradient(circle at 50% 0,#0284c714 0%,#f8fafc00 70%);padding:4.5rem 0 3rem}.hero-title{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2rem,6vw,2.8rem);font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.15rem}.search-box{border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:650px;box-shadow:var(--shadow-lg);background:#fff;flex-wrap:wrap;gap:.5rem;margin:0 auto;padding:.5rem;display:flex}.search-input-wrapper{flex:1;align-items:center;gap:.75rem;padding:0 1rem;display:flex}.search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:1rem}.search-input::placeholder{color:var(--text-muted)}.categories-section{padding:3rem 0}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.section-title{color:var(--text-primary);font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.category-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .25s;display:flex}.category-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);background:#fff;transform:translateY(-3px)}.category-icon-wrapper{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--accent-primary);background:#e0f2fe;justify-content:center;align-items:center;display:flex}.category-name{color:var(--text-primary);font-size:1.15rem;font-weight:700}.category-desc{color:var(--text-secondary);flex:1;font-size:.875rem}.category-meta{color:var(--accent-primary);align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;display:flex}.provider-cta-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;justify-content:space-between;align-items:center;gap:2rem;margin:4rem 0;padding:3rem 2rem;display:flex}.footer{color:#f8fafc;border-top:1px solid var(--border-color);background:#0f172a;margin-top:4rem;padding:3.5rem 0 1.5rem}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:2.5rem;margin-bottom:2.5rem;display:flex}.footer-grid>div:first-child{flex:300px}.footer-column{flex:160px}.footer-brand-desc{color:#94a3b8;max-width:320px;margin-top:.75rem;font-size:.9rem}.footer-column h4{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:700}.footer-column ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-column a{color:#cbd5e1;font-size:.875rem;transition:color .2s}.footer-column a:hover{color:#38bdf8}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #ffffff1a;padding-top:1.5rem;font-size:.85rem}@media (width<=768px){.hero-title{font-size:2.2rem}.search-box{flex-direction:column;padding:.75rem}.provider-cta-section{text-align:center;flex-direction:column;padding:2rem 1rem}.nav-links{gap:.75rem}}@media (width<=640px){html,body{width:100%;overflow-x:hidden}.container{padding:0 1rem}.header-content{flex-direction:column;gap:1rem}.logo{justify-content:center;width:100%}.nav-links{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.btn-primary,.btn-secondary{padding:.5rem 1rem;font-size:.9rem}.footer-grid{text-align:center;justify-content:center;gap:2.5rem}.footer-grid>div{flex-direction:column;align-items:center;display:flex}.footer-brand-desc{margin:.75rem auto 0}.hero-title{padding:0 .5rem;font-size:1.8rem}.section-title{text-align:center;width:100%;font-size:1.5rem}.section-header{flex-direction:column;align-items:center;gap:1rem}.categories-grid{grid-template-columns:1fr}}.glass-panel{max-width:95vw!important}.notification-dropdown{top:calc(100% + 10px);right:0}@media (width<=640px){.notification-dropdown{left:0;right:auto}}
