:root{--brand-primary: #0d2866;--brand-accent: #2a7bff;--brand-accent-dark: #1b58c8;--brand-surface: #f5f7fe;--brand-card: #ffffffdd;--brand-text: #1f2a44;--brand-muted: #5c6785;--brand-border: rgba(13, 40, 102, .08);--shadow-soft: 0 16px 45px rgba(15, 23, 42, .12);font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Roboto,sans-serif;color:var(--brand-text);background:linear-gradient(145deg,#0d28661a,#2a7bff14);background-size:cover;background-attachment:fixed;background-position:center;display:flex;flex-direction:column;align-items:center}.page-frame{flex:1 0 auto;display:flex;flex-direction:column;width:min(1600px,96vw);margin:0 auto 80px;border-radius:0;border:1px solid var(--brand-border);background:#fffffff0;box-shadow:0 40px 80px #0d286629;padding-top:clamp(320px,42vh,380px)}a{color:inherit;text-decoration:none}a:hover{color:var(--brand-accent)}img{display:block;max-width:100%;height:auto}.site-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:min(1600px,96vw);z-index:120;display:flex;flex-direction:column;align-items:stretch;background:transparent;border-radius:0;box-shadow:0 28px 48px #0d28662e;overflow:hidden}.header-bar{background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--brand-border);box-shadow:0 10px 26px #0d28661f}.container{width:min(1100px,92vw);margin:0 auto}.header-content{display:flex;align-items:center;justify-content:center;padding:16px 0}.site-nav{display:flex;align-items:center;gap:24px;font-weight:600;font-size:.95rem;color:var(--brand-muted)}.site-nav a{padding:8px 0;position:relative}.site-nav a.active:after,.site-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--brand-accent)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;font-weight:600;color:#fff;background:var(--brand-accent);box-shadow:0 10px 24px #2a7bff3d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary:hover{transform:translateY(-1px);background:var(--brand-accent-dark);box-shadow:0 14px 30px #1b58c847}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;font-weight:600;color:var(--brand-primary);background:#0d286614;border:1px solid rgba(13,40,102,.12);transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn-secondary:hover{transform:translateY(-1px);background:#0d286624;border-color:#0d28663d}.header-hero{position:relative;background-image:linear-gradient(115deg,#0d2866a6,#0d286640),url(https://images.pexels.com/photos/40568/medical-appointment-doctor-healthcare-40568.jpeg?auto=compress&cs=tinysrgb&w=1600);background-size:cover;background-position:center 35%;color:#fff;min-height:220px;display:flex;align-items:center}.header-hero .container{width:min(1100px,92vw);padding:52px 0}.banner-content{max-width:520px;display:grid;gap:12px}.banner-title{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;letter-spacing:-.01em}.banner-text{margin:0;font-size:1.05rem;color:#ffffffd1}.button-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}main{flex:1 0 auto}.section{padding:72px 0;scroll-margin-top:clamp(320px,42vh,380px)}.section.light{background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.section.dark{background:#0d2866e6;color:#fff}.hero{padding:96px 0 72px}.hero-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);border-radius:24px;padding:clamp(32px,4vw,48px);display:grid;gap:18px;max-width:640px}.hero-title{font-size:clamp(2.2rem,4vw,3.1rem);line-height:1.2;margin:0;color:var(--brand-primary)}.hero-subtitle{margin:0;font-size:1.1rem;color:var(--brand-muted)}.tagline{display:inline-flex;align-items:center;gap:10px;background:#2a7bff1f;color:var(--brand-accent);border-radius:999px;padding:8px 16px;font-weight:600;font-size:.9rem}.feature-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-card{background:var(--brand-card);border-radius:18px;padding:28px;box-shadow:0 20px 35px #0d286614;border:1px solid var(--brand-border);display:grid;gap:12px}.feature-card h3{margin:0;font-size:1.2rem;color:var(--brand-primary)}.feature-card p{margin:0;color:var(--brand-muted);font-size:.97rem}.profile-card{text-align:center;gap:16px}.profile-card img{width:132px;height:132px;object-fit:cover;border-radius:50%;margin:0 auto;box-shadow:0 12px 28px #0d28662e;background:linear-gradient(135deg,#0d286629,#2a7bff1f)}.split{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.info-card{background:#ffffffeb;border-radius:20px;padding:32px;box-shadow:0 16px 32px #0d28661f;border:1px solid var(--brand-border);display:grid;gap:20px}.info-card h2{margin:0;color:var(--brand-primary);font-size:1.6rem}.info-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:var(--brand-muted)}.info-list li strong{color:var(--brand-primary)}.contact-form{background:#ffffffeb;border-radius:20px;padding:32px;border:1px solid var(--brand-border);box-shadow:0 16px 32px #0f172a1a;display:grid;gap:20px}.contact-form h2{margin:0;color:var(--brand-primary)}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{font-weight:600;font-size:.9rem;color:var(--brand-muted);display:block;margin-bottom:6px}input,textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--brand-border);background:#fffffff2;font-family:inherit;font-size:1rem;color:var(--brand-text);transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px #2a7bff2e}textarea{min-height:160px;resize:vertical}.table-card{background:#ffffffeb;border-radius:20px;padding:28px;border:1px solid var(--brand-border);box-shadow:0 16px 40px #0f172a1f;overflow:hidden}.table-card table{width:100%;border-collapse:collapse;font-size:.97rem}.table-card th,.table-card td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--brand-border)}.table-card th{color:var(--brand-primary);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;align-items:center;gap:8px;background:#2a7bff29;color:var(--brand-accent);padding:6px 12px;border-radius:999px;font-weight:600;font-size:.8rem}.footer{background:#ffffffe6;border-top:1px solid var(--brand-border);padding:28px 0;color:var(--brand-muted);font-size:.9rem}.footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-links{display:flex;gap:16px}@media(max-width:760px){.header-content{flex-direction:column;align-items:flex-start}.site-nav{flex-wrap:wrap;justify-content:flex-start;gap:16px}.hero{padding:72px 0 48px}.hero-card{border-radius:20px;padding:28px}.section{padding:56px 0}.footer .container{justify-content:center;text-align:center}}