:root{--bg:#07111f;--panel:rgba(255,255,255,.09);--panel2:rgba(255,255,255,.14);--text:#ecfeff;--muted:#a7b8c7;--brand:#20e3b2;--brand2:#42a5ff;--hot:#ff4f8b;--gold:#ffd166;--danger:#ff5d73;--ok:#39e58c;--warning:#ffd166;--line:rgba(255,255,255,.14);--shadow:0 25px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#123c68 0,#07111f 35%,#050914 100%);color:var(--text);overflow-x:hidden}a{text-decoration:none}main{position:relative;z-index:2}.aurora-bg{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.aurora-bg span{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(75px);opacity:.33;animation:floatAura 14s ease-in-out infinite}.aurora-bg span:nth-child(1){background:#20e3b2;left:-12vw;top:5vh}.aurora-bg span:nth-child(2){background:#42a5ff;right:-10vw;top:22vh;animation-delay:-4s}.aurora-bg span:nth-child(3){background:#ff4f8b;left:35vw;bottom:-20vw;animation-delay:-8s}@keyframes floatAura{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(35px,-40px,0) scale(1.15)}}
.app-shell-nav{position:sticky;top:0;z-index:50;margin:18px auto 0;width:min(1180px,92%);display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:1px solid var(--line);border-radius:24px;background:rgba(7,17,31,.72);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.brand-mark{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;font-size:20px}.brand-mark span span{color:var(--brand);margin-left:4px}.brand-icon{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;box-shadow:0 0 30px rgba(32,227,178,.35)}.nav-links-shell{display:flex;align-items:center;gap:8px}.nav-links-shell a{color:var(--muted);font-weight:700;padding:10px 14px;border-radius:999px;transition:.25s}.nav-links-shell a:hover,.nav-cta{color:#06111d!important;background:linear-gradient(135deg,var(--brand),#8dfce4);transform:translateY(-2px)}.nav-toggle{display:none;background:transparent;border:0;color:white;font-size:22px}.main-stage{min-height:calc(100vh - 80px)}
.hero-section{width:min(1180px,92%);margin:0 auto;padding:86px 0 44px;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(32,227,178,.12);border:1px solid rgba(32,227,178,.25);color:#9df8e4;font-weight:800;font-size:13px}.hero-copy h1{font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-2.8px;font-weight:950;margin:22px 0;background:linear-gradient(135deg,#fff,#bff7ec 50%,#9ccfff);-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:18px;line-height:1.85;color:var(--muted);max-width:650px}.hero-actions,.header-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}.btn-glow,.btn-soft,.btn-danger-modern{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;padding:13px 20px;font-weight:900;transition:.25s}.btn-glow{color:#06111d;background:linear-gradient(135deg,var(--brand),#9cffef);box-shadow:0 16px 40px rgba(32,227,178,.28)}.btn-glow:hover{transform:translateY(-3px);color:#06111d;box-shadow:0 20px 60px rgba(32,227,178,.45)}.btn-soft{color:#fff;background:rgba(255,255,255,.1);border:1px solid var(--line)}.btn-soft:hover{color:#fff;transform:translateY(-3px);background:rgba(255,255,255,.17)}.btn-danger-modern{color:#fff;background:linear-gradient(135deg,#ff5d73,#ff2f69);box-shadow:0 16px 36px rgba(255,93,115,.24)}.btn-danger-modern:hover{color:#fff;transform:translateY(-2px)}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust-row span{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.07);color:var(--muted)}.trust-row strong{color:#fff}.hero-visual{position:relative;min-height:510px;display:grid;place-items:center}.glass-device{position:relative;width:min(390px,92%);padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.06));box-shadow:var(--shadow);backdrop-filter:blur(20px);animation:deviceFloat 5s ease-in-out infinite}@keyframes deviceFloat{50%{transform:translateY(-16px)}}.device-header{display:flex;gap:7px;margin-bottom:22px}.device-header span{width:11px;height:11px;border-radius:50%;background:#fff5}.live-card{display:flex;gap:14px;align-items:center;padding:18px;margin:12px 0;border-radius:20px;background:rgba(255,255,255,.09);border:1px solid var(--line)}.live-card i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand2),var(--brand));color:white}.live-card small{color:var(--muted)}.live-card.active{box-shadow:0 0 38px rgba(32,227,178,.22)}.health-line{height:88px;margin:20px 0;border-radius:18px;background:linear-gradient(90deg,transparent 0 5%,var(--brand) 5% 10%,transparent 10% 18%,var(--brand2) 18% 23%,transparent 23% 34%,var(--hot) 34% 39%,transparent 39% 50%,var(--brand) 50% 55%,transparent 55% 100%);background-size:160px 100%;animation:scan 2.8s linear infinite;opacity:.8}@keyframes scan{to{background-position:160px 0}}.mini-stats{display:flex;justify-content:space-between;align-items:end}.mini-stats span{font-size:46px;font-weight:950;color:var(--brand)}.floating-badge{position:absolute;padding:12px 15px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow);font-weight:900}.badge-one{left:0;top:110px;animation:bob 4s ease-in-out infinite}.badge-two{right:0;bottom:100px;animation:bob 4s ease-in-out infinite reverse}@keyframes bob{50%{transform:translateY(-18px)}}.pulse-ring{position:absolute;width:380px;height:380px;border:1px solid rgba(32,227,178,.28);border-radius:50%;animation:pulse 3s ease-out infinite}@keyframes pulse{to{transform:scale(1.35);opacity:0}}
.metric-strip,.content-section,.dashboard-page{width:min(1180px,92%);margin:0 auto}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid var(--line);backdrop-filter:blur(16px)}.metric-strip div{padding:18px;text-align:center}.metric-strip strong{display:block;font-size:34px;color:var(--brand)}.metric-strip span{color:var(--muted)}.content-section{padding:80px 0}.section-title{text-align:center;max-width:720px;margin:0 auto 34px}.section-title span,.form-heading span,.page-hero span{color:var(--brand);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.section-title h2,.form-heading h1,.page-hero h1{font-weight:950;letter-spacing:-1px}.section-title h2{font-size:42px}.feature-grid,.doctor-showcase-grid,.dashboard-grid,.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feature-card,.doctor-profile,.dash-card,.person-card,.table-card,.form-card-xl,.auth-panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.feature-card,.dash-card,.person-card{padding:28px;transition:.28s}.feature-card:hover,.dash-card:hover,.person-card:hover,.doctor-profile:hover{transform:translateY(-8px);border-color:rgba(32,227,178,.45)}.feature-card i,.dash-card>i{font-size:34px;color:var(--brand);margin-bottom:18px}.feature-card h3,.dash-card h3,.person-card h3{font-weight:900;color:#fff}.feature-card p,.dash-card p,.person-card p{color:var(--muted)}.doctor-profile{overflow:hidden;text-align:center;padding-bottom:22px;transition:.28s}.doctor-profile img{width:100%;height:280px;object-fit:cover}.doctor-profile h3{margin:18px 0 4px}.doctor-profile p{color:var(--brand)}.site-footer{text-align:center;color:var(--muted);padding:36px}.dashboard-page{padding:54px 0}.page-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px;padding:28px;border-radius:30px;border:1px solid var(--line);background:rgba(255,255,255,.09);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.page-hero h1{font-size:38px;margin:6px 0}.page-hero p{color:var(--muted);margin:0}.dash-card{color:#fff;min-height:180px}.dash-card:hover{color:#fff}.people-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.avatar-circle{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;font-size:30px;font-weight:950;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#06111d;margin-bottom:16px}.info-list{display:grid;gap:9px;margin:18px 0}.info-list span{display:flex;gap:10px;align-items:center;color:var(--muted);word-break:break-word}.info-list i{color:var(--brand)}.table-card{overflow:auto;padding:10px}.custom-table{width:100%;border-collapse:separate;border-spacing:0 10px;color:#fff}.custom-table th{padding:14px 16px;color:#9df8e4;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.custom-table td{padding:16px;background:rgba(255,255,255,.075);border-top:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle}.custom-table tr td:first-child{border-left:1px solid var(--line);border-radius:18px 0 0 18px}.custom-table tr td:last-child{border-right:1px solid var(--line);border-radius:0 18px 18px 0}.status-badge{display:inline-flex;padding:7px 11px;border-radius:999px;font-weight:900;font-size:12px;text-transform:uppercase}.status-pending{background:rgba(255,209,102,.16);color:var(--warning)}.status-approved{background:rgba(66,165,255,.16);color:#78c6ff}.status-completed{background:rgba(57,229,140,.16);color:var(--ok)}.status-cancelled,.status-rejected{background:rgba(255,93,115,.16);color:#ff9bad}.actions-cell{display:flex;gap:8px;flex-wrap:wrap}.mini-action{padding:8px 11px;border-radius:999px;font-weight:900;font-size:12px;color:#06111d}.mini-action.pending{background:var(--warning)}.mini-action.approved{background:#78c6ff}.mini-action.completed{background:var(--ok)}.mini-action.cancelled{background:var(--danger);color:white}.mini-action.note{background:var(--brand)}
.auth-page,.form-page-modern{width:min(1180px,92%);margin:0 auto;padding:60px 0}.auth-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.auth-visual{position:relative;min-height:420px;padding:38px;border-radius:26px;background:radial-gradient(circle at 25% 20%,rgba(32,227,178,.25),transparent 35%),linear-gradient(135deg,rgba(66,165,255,.22),rgba(255,255,255,.05))}.auth-visual h1{font-size:46px;font-weight:950;letter-spacing:-1px;margin:20px 0}.auth-visual p{color:var(--muted);line-height:1.8}.auth-orbit{position:absolute;right:38px;bottom:38px;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));font-size:50px;color:#06111d;animation:deviceFloat 5s ease-in-out infinite}.auth-box{padding:34px;align-self:center}.glass-card{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}.auth-box h2{font-weight:950}.auth-box p{color:var(--muted)}label{color:#d8f9f2;font-weight:800;margin:12px 0 7px}input,select,textarea,.form-control{width:100%;min-height:52px;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;padding:13px 15px!important;outline:none;transition:.22s}textarea{min-height:120px}input::placeholder,textarea::placeholder{color:#8fa1b2}input:focus,select:focus,textarea:focus,.form-control:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(32,227,178,.13)!important}.form-card-xl{max-width:850px;margin:0 auto;padding:34px}.form-heading{text-align:center;margin-bottom:20px}.form-heading p{color:var(--muted)}.form-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.span-2{grid-column:span 2}.alert-modern{padding:14px 16px;border-radius:16px;background:rgba(255,93,115,.13);border:1px solid rgba(255,93,115,.3);color:#ffc9d2;margin-bottom:16px}.text-danger{color:#ff9bad!important}.reveal-up{opacity:0;transform:translateY(20px);animation:revealUp .75s ease forwards}.delay-1{animation-delay:.15s}@keyframes revealUp{to{opacity:1;transform:none}}
@media (max-width:850px){.nav-toggle{display:block}.nav-links-shell{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;padding:16px;border-radius:20px;background:rgba(7,17,31,.95);border:1px solid var(--line)}.nav-links-shell.open{display:flex}.hero-section,.auth-panel{grid-template-columns:1fr}.hero-section{padding-top:48px}.hero-visual{min-height:390px}.metric-strip{grid-template-columns:repeat(2,1fr)}.page-hero{align-items:flex-start;flex-direction:column}.form-grid-modern{grid-template-columns:1fr}.span-2{grid-column:span 1}.auth-visual{min-height:300px}.floating-badge{display:none}.custom-table{min-width:760px}.section-title h2{font-size:32px}.hero-copy h1{letter-spacing:-1.5px}}
@media (max-width:520px){.metric-strip{grid-template-columns:1fr}.app-shell-nav{width:94%;margin-top:10px}.brand-mark{font-size:17px}.hero-copy p{font-size:16px}.page-hero h1{font-size:30px}.form-card-xl,.auth-box{padding:24px}.auth-panel{padding:12px}.auth-visual h1{font-size:34px}}