@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{margin:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#07111f;overflow-x:hidden}.home{min-height:100vh;color:#fff;position:relative;overflow:hidden}.bg-blur{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;animation:float 10s infinite alternate}.blur1{width:350px;height:350px;background:#00c2ff;top:-100px;left:-100px}.blur2{width:300px;height:300px;background:#7b61ff;right:-50px;top:200px}.blur3{width:250px;height:250px;background:#00ffb3;bottom:-80px;left:40%}@keyframes float{0%{transform:translateY(0) translate(0)}to{transform:translateY(40px) translate(30px)}}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:25px 8%;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.logo-box{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#00c2ff,#7b61ff);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:22px}.nav-links{display:flex;gap:35px}.nav-links a{color:#fff;text-decoration:none;transition:.3s}.nav-links a:hover{color:#00c2ff}.demo-btn{background:linear-gradient(135deg,#00c2ff,#7b61ff);border:none;color:#fff;padding:14px 24px;border-radius:14px;font-size:15px;cursor:pointer;transition:.3s}.demo-btn:hover{transform:translateY(-3px)}.hero{min-height:90vh;display:flex;align-items:center;justify-content:space-between;padding:50px 8%;gap:60px;position:relative;z-index:2}.hero-left{flex:1}.hero-badge{display:inline-block;padding:12px 18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50px;margin-bottom:25px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-left h1{font-size:68px;line-height:1.1;margin-bottom:25px}.hero-left h1 span{background:linear-gradient(135deg,#00c2ff,#00ffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-left p{color:#c9d3df;line-height:1.8;max-width:600px;font-size:18px}.hero-actions{display:flex;gap:20px;margin-top:35px}.primary-btn,.secondary-btn{padding:16px 28px;border-radius:16px;border:none;cursor:pointer;font-size:16px;transition:.3s}.primary-btn{background:linear-gradient(135deg,#00c2ff,#7b61ff);color:#fff}.secondary-btn{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-4px)}.hero-stats{display:flex;gap:20px;margin-top:50px}.stat{background:#ffffff14;padding:24px;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);min-width:150px}.stat h3{font-size:30px;margin-bottom:10px}.hero-right{flex:1;display:flex;justify-content:center}.dashboard-card{width:100%;max-width:650px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:20px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:relative;animation:cardFloat 5s ease-in-out infinite;box-shadow:0 30px 80px #0006}@keyframes cardFloat{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.top-bar{display:flex;gap:10px;margin-bottom:20px}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2f}.green{background:#27c93f}.dashboard-body{display:flex;gap:20px}.dashboard-sidebar{width:180px;background:#ffffff0d;padding:20px;border-radius:20px}.sidebar-logo{font-weight:600;margin-bottom:30px}.sidebar-item{padding:14px;margin-bottom:12px;border-radius:12px;cursor:pointer;transition:.3s}.sidebar-item:hover,.sidebar-item.active{background:linear-gradient(135deg,#00c2ff,#7b61ff)}.dashboard-content{flex:1}.dashboard-header h3{font-size:24px}.dashboard-header p{color:#c7d0dc;margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.small-card{background:#ffffff0d;padding:20px;border-radius:18px}.small-card h4{font-size:28px;margin-bottom:8px}.patient-list{margin-top:25px}.patient-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:16px;border-radius:14px;margin-bottom:14px}.status{padding:8px 14px;border-radius:30px;font-size:13px}.green-status{background:#123f2d;color:#53ffb0}.blue-status{background:#0f3253;color:#55c7ff}.gray-status{background:#2d3542;color:#d1d5db}.floating-card{position:absolute;background:#fff;color:#111827;padding:14px 18px;border-radius:18px;font-weight:600;box-shadow:0 10px 40px #0003;animation:floatCard 4s infinite ease-in-out}.top{top:-20px;right:-30px}.bottom{bottom:-20px;left:-30px}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.features{padding:100px 8%}.section-header{text-align:center;margin-bottom:60px}.section-header span{color:#00c2ff;letter-spacing:2px}.section-header h2{font-size:48px;margin-top:15px}.section-header p{margin-top:15px;color:#c9d3df}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.feature-card{background:#ffffff12;border:1px solid rgba(255,255,255,.08);padding:35px;border-radius:28px;transition:.4s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.feature-card:hover{transform:translateY(-10px);border-color:#00c2ff}.icon{font-size:40px;margin-bottom:20px}.feature-card h3{margin-bottom:15px}.feature-card p{color:#c7d0dc;line-height:1.7}@media(max-width:1100px){.hero{flex-direction:column;padding-top:30px}.hero-left h1{font-size:52px}.dashboard-body{flex-direction:column}.dashboard-sidebar{width:100%}}@media(max-width:768px){.nav-links{display:none}.hero-left h1{font-size:42px}.hero-actions,.hero-stats{flex-direction:column}.section-header h2{font-size:36px}}