.dashboard-page{background:#f3f4f6;height:100vh;display:flex}.sidebar{color:#fff;background:#111827;width:220px;padding:20px}.sidebar h2{margin-bottom:20px}.sidebar p{cursor:pointer;color:#9ca3af;margin:10px 0}.sidebar p:hover{color:#fff}.dashboard-main{flex:1;padding:20px}.topbar{justify-content:space-between;margin-bottom:20px;display:flex}.patient-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.patient-card{background:#fff;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 10px 25px #0000000d}.patient-card:hover{transform:translateY(-5px)}.card-header{justify-content:space-between;display:flex}.risk{border-radius:999px;padding:4px 10px;font-size:12px}.low{border-left:5px solid #22c55e}.medium{border-left:5px solid #f59e0b}.high{border-left:5px solid #ef4444}.alert{color:red;gap:5px;margin-top:10px;display:flex}.hero{height:100vh;position:relative;overflow:hidden}.hero-bg img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.overlay-dark{background:#0009;position:absolute;inset:0}.hero-content{z-index:2;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;color:#fff;background:#ffffff14;border-radius:24px;max-width:700px;padding:50px;box-shadow:0 20px 40px #0000004d}.hero-title{font-size:42px;font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(90deg,#22c55e,#38bdf8);color:#0000;-webkit-background-clip:text}.hero-sub{opacity:.9;margin-top:10px;font-size:18px}.hero-desc{opacity:.8;margin-top:10px;font-size:14px}.hero-buttons{justify-content:center;gap:15px;margin-top:25px;display:flex}.hero-btn{align-items:center;gap:8px;padding:12px 22px;font-size:15px;display:flex}.btn-primary:hover .arrow{transform:translate(5px)}.navbar{z-index:50;width:100%;transition:all .3s;position:fixed;top:0;left:0}.navbar.transparent{color:#fff;background:0 0}.navbar.scrolled{color:#1f2937;background:#fff;box-shadow:0 4px 10px #0000001a}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:auto;padding:0 20px;display:flex}.logo{font-size:22px;font-weight:700}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{cursor:pointer;font-size:14px;transition:all .2s}.nav-links a:hover{color:#2563eb}.nav-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 14px}.btn-login{background:0 0}.btn-signup{color:#fff;background:#2563eb}.menu-btn{cursor:pointer;font-size:22px;display:none}.mobile-menu{display:none}.mobile-menu.open{background:#fff;padding:15px;display:block}.mobile-menu a{padding:10px 0;display:block}@media (width<=768px){.nav-links{display:none}.menu-btn{display:block}}.features{background:#f9fafb;padding:100px 20px}.features-title{color:#111827;font-size:36px;font-weight:600}.features-desc{color:#6b7280;margin-top:10px}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:30px;transition:all .3s;box-shadow:0 5px 15px #0000000d}.feature-icon-box{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:15px;display:flex}.feature-title{color:#111827;font-size:18px;font-weight:600}.feature-text{color:#6b7280;margin-top:6px;font-size:14px}.features{background:#f9fafb}.features-container{max-width:1100px;margin:auto}.features-header{text-align:center;margin-bottom:60px}.features-tag{color:#2563eb;background:#e0f2fe;border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:13px;display:inline-block}.features-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#fff;border-radius:18px;padding:25px;transition:all .3s;box-shadow:0 10px 25px #0000000f}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a}.feature-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:15px;display:flex}.feature-card h3{margin-bottom:8px;font-size:18px;font-weight:600}.feature-card p{color:#6b7280;font-size:14px}.how{background:#fff;padding:100px 20px}.how-container{max-width:1200px;margin:auto}.how-header{text-align:center;margin-bottom:60px}.how-tag{color:#7c3aed;background:#f3e8ff;border-radius:999px;margin-bottom:12px;padding:6px 14px;font-size:14px;display:inline-block}.how-title{color:#111827;font-size:36px;font-weight:600}.how-desc{color:#6b7280;margin-top:10px}.how-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid;position:relative}.how-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:30px;transition:all .3s;position:relative}.how-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.step-number{color:#fff;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.how-icon{border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;margin:25px auto 15px;transition:all .3s;display:flex}.how-card:hover .how-icon{transform:scale(1.1)}.how-step-title{color:#111827;font-size:18px;font-weight:600}.how-step-text{color:#6b7280;margin-top:6px;font-size:14px}.arrow{position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.arrow-circle{background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}@media (width<=768px){.arrow{display:none}}.ps-section{background:#f9fafb;padding:100px 20px}.ps-container{max-width:1200px;margin:auto}.ps-header{text-align:center;margin-bottom:60px}.ps-tag{color:#6b7280;background:#f3f4f6;border-radius:999px;margin-bottom:15px;padding:6px 14px;font-size:14px;display:inline-block}.ps-title{color:#111827;font-size:36px;font-weight:600}.ps-desc{color:#6b7280;margin-top:10px}.ps-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (width<=768px){.ps-grid{grid-template-columns:1fr}}.ps-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:30px;transition:all .3s}.ps-card:hover{box-shadow:0 20px 40px #0000001a}.ps-card-header{align-items:center;gap:12px;margin-bottom:25px;display:flex}.ps-icon-box{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.ps-list{flex-direction:column;gap:20px;display:flex}.ps-item{gap:12px;display:flex}.ps-item-icon{border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.ps-item-title{color:#111827;font-weight:600}.ps-item-text{color:#6b7280;font-size:14px}.caregiver{background:#f9fafb;padding:100px 20px}.caregiver-container{grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1200px;margin:auto;display:grid}@media (width<=768px){.caregiver-container{grid-template-columns:1fr}}.caregiver-title{color:#111827;font-size:36px;font-weight:600}.caregiver-desc{color:#6b7280;margin-top:10px}.caregiver-list{flex-direction:column;gap:20px;margin-top:25px;display:flex}.caregiver-item{gap:12px;display:flex}.icon-box{background:#dbeafe;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.patient:hover{background:#e5e7eb}.status{border-radius:999px;padding:5px 10px;font-size:12px}.dashboard{padding:20px}.patient{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px;display:flex}.caregiver-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.caregiver-tag{color:#2563eb;background:#e0f2fe;border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:13px;display:inline-block}.caregiver-desc{margin-top:10px;margin-bottom:30px}.caregiver-item{gap:16px;margin-bottom:20px;display:flex}.icon-box{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.item-title{font-weight:600}.item-text{color:#6b7280;font-size:14px}.dashboard{background:#fff;border-radius:20px;padding:25px;box-shadow:0 20px 40px #00000014}.dashboard-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.dash-title{font-weight:600}.patient{background:#f9fafb;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px;transition:all .3s;display:flex}.patient:hover{transform:translateY(-2px)}.patient-left{align-items:center;gap:12px;display:flex}.avatar{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.patient-name{font-weight:500}.status{border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500}.status.stable{color:#16a34a;background:#dcfce7}.status.warning{color:#d97706;background:#fef3c7}.impact{text-align:center;background:#fff;padding:100px 20px}.impact-container{max-width:900px;margin:auto}.impact-icon{background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto auto 30px;display:flex}.impact-quote-main{color:#111827;font-size:36px;font-weight:500}.impact-divider{background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:999px;width:120px;height:5px;margin:20px auto}.impact-quote-sub{color:#6b7280;font-size:24px}.impact-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:60px;display:grid}.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:30px;transition:all .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #0000001a}.stat-number{color:#2563eb;font-size:40px;font-weight:700}.stat-text{color:#6b7280;margin-top:5px}.cta{text-align:center;color:#fff;background:linear-gradient(90deg,#2563eb,#22c55e);padding:100px 20px}.cta-container{max-width:800px;margin:auto}.cta-btn{cursor:pointer;border:none;border-radius:999px;padding:12px 24px;font-weight:600;transition:all .3s}.cta-primary:hover{opacity:.9}.cta-secondary:hover{background:#ffffff1a}.cta{text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb,#22c55e);padding:100px 20px;position:relative;overflow:hidden}.cta-bg{position:absolute;inset:0}.cta-bg:before,.cta-bg:after{content:"";opacity:.1;filter:blur(100px);background:#fff;border-radius:50%;width:350px;height:350px;position:absolute}.cta-bg:before{top:-100px;left:-100px}.cta-bg:after{bottom:-100px;right:-100px}.cta-container{z-index:2;max-width:800px;margin:auto;position:relative}.cta-tag{background:#fff3;border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:14px;display:inline-block}.cta-title{font-size:42px;font-weight:600}.cta-text{opacity:.9;margin-top:10px;font-size:18px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;display:flex}.cta-btn{cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-weight:600;transition:all .3s;display:flex}.cta-primary{color:#2563eb;background:#fff}.cta-primary:hover{transform:scale(1.05)}.cta-secondary{color:#fff;background:0 0;border:2px solid #fff}.cta-secondary:hover{background:#ffffff1a;transform:scale(1.05)}.arrow{transition:transform .3s}.cta-primary:hover .arrow{transform:translate(5px)}.footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:60px 20px}.footer-row{flex-direction:column;align-items:center;gap:20px;display:flex}@media (width>=768px){.footer-row{flex-direction:row;justify-content:space-between}}.brand-divider{display:none}@media (width>=640px){.brand-divider,.brand-sub{display:inline}}.footer{background:#f9fafb;border-top:1px solid #e5e7eb}.footer-container{max-width:1100px;margin:auto}.footer-row{text-align:center;flex-direction:column;align-items:center;gap:25px;display:flex}@media (width>=768px){.footer-row{text-align:left;flex-direction:row;justify-content:space-between}}.footer-brand{align-items:center;gap:10px;display:flex}.brand-name{background:linear-gradient(90deg,#2563eb,#22c55e);color:#0000;-webkit-background-clip:text;font-size:22px;font-weight:700}.brand-divider{color:#d1d5db;display:none}.brand-sub{color:#6b7280;font-size:14px;display:none}@media (width>=640px){.brand-divider,.brand-sub{display:inline}}.footer-nav{flex-wrap:wrap;gap:20px;display:flex}.footer-link{color:#6b7280;font-size:14px;text-decoration:none;transition:all .3s}.footer-link:hover{color:#2563eb}.footer-copy{color:#9ca3af;font-size:13px}.section{padding:80px 20px}.card{background:#fff;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 10px 25px #00000014}.card:hover{transform:translateY(-5px)}.title{text-align:center;font-size:36px;font-weight:600}.subtitle{color:#6b7280;text-align:center;margin-top:10px}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:10px 20px}.btn-outline{cursor:pointer;background:0 0;border:2px solid #ccc;border-radius:999px;padding:10px 20px}