:root{color:#0f172a;background:#f8fafc;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;line-height:1.5}.container{max-width:1280px;margin:auto;padding:28px}.topbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafce0;justify-content:space-between;align-items:center;margin-bottom:28px;padding:14px 0;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;font-size:34px;font-weight:800}.hero{color:#fff;background:linear-gradient(135deg,#16a34a,#059669);border-radius:30px;margin-bottom:34px;padding:55px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000014}.hero:after{content:"";background:#ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.hero h1{margin-bottom:16px;font-size:56px;line-height:1.1}.hero p{opacity:.95;max-width:700px;font-size:20px}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}button,.btn{cursor:pointer;border:none;border-radius:16px;padding:16px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 8px 18px #0000000a}button:hover{transform:translateY(-2px)}.primary-btn{color:#15803d;background:#fff}.secondary-btn{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;justify-content:center;align-items:center;min-width:180px;display:flex}.grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.card{background:#fff;border:1px solid #eef2f7;border-radius:24px;padding:28px;box-shadow:0 18px 40px #0f172a0a}.doctor-card{background:#fff;border:1px solid #eef2f7;border-radius:22px;margin-bottom:14px;padding:18px}.meta{color:#64748b;margin-bottom:10px}.badge{border-radius:999px;padding:8px 12px;font-size:13px;display:inline-block}.online{color:#166534;background:#dcfce7}.price{color:#16a34a;font-size:22px;font-weight:800}input,select,textarea{background:#fcfdff;border:1px solid #dbe3ee;border-radius:16px;width:100%;margin-bottom:14px;padding:16px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 4px #16a34a14}textarea{min-height:120px}.doctor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-select{width:220px;margin-bottom:0}.compact-card{padding:20px}.doctor-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.doctor-top h3{margin:0;font-size:20px}.doctor-info{color:#64748b;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-top:8px;font-size:14px;display:flex}.success-box{color:#166534;background:#dcfce7;border-radius:14px;margin-bottom:12px;padding:12px}.error-text{color:#dc2626;margin-bottom:12px}.cta-banner{color:#fff;background:#16a34a;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding:32px;display:flex}footer{text-align:center;color:#64748b;margin-top:50px;padding-bottom:30px;font-size:15px}@media (width<=900px){.grid{grid-template-columns:1fr}.hero{padding:32px}.hero h1{font-size:40px}.cta-banner{flex-direction:column;align-items:flex-start}}