:root{--c-bg: #0a0f1e;--c-bg-card: rgba(255,255,255,.04);--c-bg-elevated: rgba(255,255,255,.07);--c-border: rgba(255,255,255,.08);--c-border-hover:rgba(99,179,237,.4);--c-accent: #3b82f6;--c-accent-light:#60a5fa;--c-accent-dark: #1d4ed8;--c-teal: #14b8a6;--c-purple: #8b5cf6;--c-text: #f1f5f9;--c-text-muted: #94a3b8;--c-text-faint: #475569;--c-success: #22c55e;--c-warning: #f59e0b;--c-error: #ef4444;--g-hero: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);--g-accent: linear-gradient(135deg, var(--c-accent) 0%, var(--c-teal) 100%);--g-card: linear-gradient(145deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 40px;--sp-2xl: 64px;--font: "Inter", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fs-5xl: 3rem;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--sh-card: 0 4px 24px rgba(0,0,0,.3);--sh-glow: 0 0 40px rgba(59,130,246,.15);--sh-btn: 0 4px 14px rgba(59,130,246,.4);--tr-fast: .15s ease;--tr-base: .25s ease;--tr-slow: .4s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--sp-lg)}.header{position:sticky;top:0;z-index:100;background:#0a0f1ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border);padding:var(--sp-md) 0;transition:box-shadow var(--tr-base)}.header.scrolled{box-shadow:0 4px 32px #0006}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-size:var(--fs-xl);font-weight:800;background:var(--g-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav{display:flex;align-items:center;gap:var(--sp-lg)}.nav a{font-size:var(--fs-sm);font-weight:500;color:var(--c-text-muted);transition:color var(--tr-fast)}.nav a:hover{color:var(--c-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);padding:10px 20px;border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:600;transition:all var(--tr-base);white-space:nowrap}.btn-primary{background:var(--g-accent);color:#fff;box-shadow:var(--sh-btn)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.btn-primary:active{transform:translateY(0)}.btn-outline{border:1px solid var(--c-border-hover);color:var(--c-accent-light);background:transparent}.btn-outline:hover{background:#3b82f614}.btn-ghost{color:var(--c-text-muted)}.btn-ghost:hover{color:var(--c-text);background:var(--c-bg-elevated)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--g-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);transition:all var(--tr-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card:hover{border-color:var(--c-border-hover);box-shadow:var(--sh-card)}.input{width:100%;background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);padding:12px 16px;color:var(--c-text);font-size:var(--fs-md);transition:border-color var(--tr-fast),box-shadow var(--tr-fast);outline:none}.input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #3b82f626}.input::placeholder{color:var(--c-text-faint)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-group{display:flex;flex-direction:column;gap:var(--sp-xs)}.input-label{font-size:var(--fs-sm);font-weight:500;color:var(--c-text-muted)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;letter-spacing:.3px}.badge-blue{background:#3b82f626;color:var(--c-accent-light)}.badge-teal{background:#14b8a626;color:#5eead4}.badge-green{background:#22c55e26;color:#86efac}.badge-red{background:#ef444426;color:#fca5a5}.badge-muted{background:var(--c-bg-elevated);color:var(--c-text-muted)}.hero{background:var(--g-hero);padding:var(--sp-2xl) 0 var(--sp-xl);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(59,130,246,.12),transparent);pointer-events:none}.search-wrap{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-xl);display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm);box-shadow:var(--sh-glow);transition:border-color var(--tr-base)}.search-wrap:focus-within{border-color:var(--c-accent)}.search-wrap .input{background:none;border:none;box-shadow:none;font-size:var(--fs-lg);padding:var(--sp-md);color:var(--c-text)}.city-select-input{background:#1e293b!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:var(--r-md);padding:10px 36px 10px 14px!important;font-size:var(--fs-sm)!important;font-weight:500;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;min-width:150px;max-width:190px;transition:border-color var(--tr-fast),box-shadow var(--tr-fast)}.city-select-input:focus{border-color:var(--c-accent)!important;box-shadow:0 0 0 3px #3b82f640!important}.city-select-input option,select option{background-color:#0f172a!important;color:#f8fafc!important;font-size:14px;padding:8px 12px}.doctor-card{display:flex;gap:var(--sp-md);cursor:pointer}.doctor-card__avatar{width:56px;height:56px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--c-accent),var(--c-teal));display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);font-weight:700;color:#fff;flex-shrink:0}.doctor-card__info{flex:1}.doctor-card__name{font-size:var(--fs-lg);font-weight:700;margin-bottom:2px}.doctor-card__spec{color:var(--c-text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-sm)}.doctor-card__meta{display:flex;flex-wrap:wrap;gap:var(--sp-sm);align-items:center}.doctor-card__fee{font-weight:700;color:var(--c-accent-light);font-size:var(--fs-md)}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--sp-sm)}.slot-btn{padding:8px;border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-bg-elevated);color:var(--c-text);font-size:var(--fs-xs);font-weight:500;transition:all var(--tr-fast);cursor:pointer;text-align:center}.slot-btn:hover{border-color:var(--c-accent);color:var(--c-accent-light);background:#3b82f614}.slot-btn.selected{border-color:var(--c-accent);background:#3b82f633;color:var(--c-accent-light)}.slot-btn.booked{opacity:.3;cursor:not-allowed}.otp-inputs{display:flex;gap:var(--sp-sm)}.otp-input{width:48px;height:56px;text-align:center;font-size:var(--fs-xl);font-weight:700;background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);outline:none}.otp-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #3b82f626}.token-card{background:linear-gradient(135deg,#3b82f61a,#14b8a60d);border:1px solid rgba(59,130,246,.3);border-radius:var(--r-xl);padding:var(--sp-xl);text-align:center}.token-number{font-size:var(--fs-5xl);font-weight:800;background:var(--g-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.print-prescription{padding:24px;font-family:Times New Roman,serif}}.autocomplete-dropdown{position:absolute;z-index:200;width:100%;background:#1e293b;border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;box-shadow:0 8px 32px #0006;animation:slideDown var(--tr-fast) forwards}.autocomplete-item{padding:10px 16px;cursor:pointer;transition:background var(--tr-fast)}.autocomplete-item:hover{background:var(--c-bg-elevated)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f633}50%{box-shadow:0 0 40px #3b82f666}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--c-border);border-top-color:var(--c-accent);animation:spin .8s linear infinite}.section-title{font-size:var(--fs-2xl);font-weight:800;margin-bottom:var(--sp-lg)}.section-subtitle{color:var(--c-text-muted);font-size:var(--fs-md);margin-bottom:var(--sp-xl)}.divider{height:1px;background:var(--c-border);margin:var(--sp-lg) 0}.footer{border-top:1px solid var(--c-border);padding:var(--sp-xl) 0;color:var(--c-text-muted);font-size:var(--fs-sm)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-md)}@media (max-width: 768px){.container{padding:0 var(--sp-md)}.hero{padding:var(--sp-xl) 0 var(--sp-lg)}.nav{gap:var(--sp-md)}.search-wrap{flex-direction:column;border-radius:var(--r-lg);gap:10px;padding:12px}.search-wrap .city-select-input{width:100%!important;max-width:100%!important}.search-wrap .search-divider{display:none!important}.search-wrap .input{width:100%!important;padding:10px 14px!important;font-size:var(--fs-md)!important;background:#ffffff0a!important;border-radius:var(--r-md)!important}.search-wrap #search-btn{width:100%!important;padding:12px!important;font-size:var(--fs-md)!important}.footer-inner{flex-direction:column;text-align:center}.booking-card{padding:16px!important;margin:0!important}.slots-container{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))!important;gap:8px!important}.slot-btn{padding:10px 4px!important;font-size:.85rem!important}.token-screenshot-card{padding:18px 14px!important}}.doctor-profile-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--sp-xl);align-items:start}@media (max-width: 900px){.doctor-profile-grid{grid-template-columns:1fr;gap:var(--sp-lg)}.doctor-profile-grid>div:last-child{position:static!important}}