:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2933;background-color:#f5f7fa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh}.hero{display:grid;grid-template-columns:2fr 1fr;gap:32px;padding:48px 10vw 32px;background:linear-gradient(135deg,#0b3c5d,#1d2731);color:#f9fafb}.hero-text h1{margin:0 0 16px;font-size:clamp(2.2rem,3vw,2.8rem)}.hero-text p{margin:0;max-width:600px;font-size:1rem}.hero-info{padding:16px 20px;border-radius:12px;background:#0f172ad9;border:1px solid rgba(148,163,184,.4)}.hero-info h2{margin-top:0;margin-bottom:12px;font-size:1.2rem}.hero-info p{margin:4px 0;font-size:.95rem}.main{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;padding:32px 10vw 40px}.areas h2,.form-section h2{margin-top:0;margin-bottom:16px}.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.area-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #0f172a0f;border:1px solid #e5e7eb}.area-card h3{margin-top:0;margin-bottom:8px}.form-section{background:#fff;border-radius:12px;padding:24px 24px 28px;box-shadow:0 4px 10px #0f172a0f;border:1px solid #e5e7eb}.form-section p{margin-top:0;margin-bottom:16px;color:#4b5563}.appointment-form{display:flex;flex-direction:column;gap:14px}.form-row label{display:flex;flex-direction:column;gap:6px;font-size:.95rem}input[type=text],input[type=tel],input[type=email],textarea,input[type=file]{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db}input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb4d}textarea{resize:vertical;min-height:100px}.file-list{margin:8px 0 0;padding-left:18px;font-size:.9rem;color:#4b5563}.form-error{padding:8px 10px;border-radius:8px;background:#fee2e2;color:#b91c1c;font-size:.9rem}.form-success{padding:8px 10px;border-radius:8px;background:#dcfce7;color:#166534;font-size:.9rem}button[type=submit]{margin-top:4px;padding:10px 16px;border-radius:999px;border:none;background:#0b3c5d;color:#f9fafb;font-weight:600;cursor:pointer;align-self:flex-start}button[type=submit]:hover{background:#0f476b}button[type=submit]:disabled{opacity:.7;cursor:default}.footer{padding:16px 10vw 20px;border-top:1px solid #e5e7eb;font-size:.85rem;color:#6b7280;background:#fff}@media (max-width: 900px){.hero,.main{grid-template-columns:1fr}}