:root{color-scheme:light dark;--bg:#ffffff;--text:#0b1220;--muted:#64748b;--card:#ffffff;--border: rgba(0,0,0,.08);--shadow: 0 12px 36px rgba(0,0,0,.12)}:root.dark{--bg:#0b0b0c;--text:#ffffff;--muted:#a1a1aa;--card:#111215;--border: rgba(255,255,255,.08);--shadow: 0 16px 44px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 16px}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--border)}.header-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.2px}.brand .light{display:inline-block}.brand .dark{display:none}:root.dark .brand .light{display:none}:root.dark .brand .dark{display:inline-block}.center{justify-self:center}.end{justify-self:end}.select{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:14px}.toggle{background:none;border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:8px 10px}.hero{text-align:center;margin-top:24px}.hero h1{font-size:clamp(26px,3vw,36px);font-weight:900;margin:0 0 8px}.hero p{color:var(--muted);margin:0 0 16px}.searchwrap{position:relative;max-width:680px;margin:0 auto 24px}.search{width:100%;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:14px;padding:12px 14px 12px 36px;font-size:14px}.searchwrap .icon{position:absolute;left:10px;top:10px;opacity:.6}.grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}.tile{height:160px;border-radius:16px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transition:transform .06s ease}.tile:hover{transform:translateY(1px)}.tile .inner{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.25)}.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border)}.card-pad{padding:20px}.card-title{display:flex;align-items:center;gap:12px}.card-title h2{font-size:clamp(24px,3vw,34px);margin:0;font-weight:900}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text)}.btn.alert{background:#e11d48;color:#fff;border-color:transparent}.steps{padding-left:20px}.steps li{margin:12px 0;font-size:18px;line-height:1.35}.tools{display:flex;gap:12px;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 640px){.tools{flex-direction:row}}.tools .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--card);border-radius:12px;padding:8px 12px;box-shadow:0 2px 10px #0000000f}.footer-space{padding-bottom:80px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:12px}.progress{width:100%;height:12px;background:color-mix(in srgb,var(--muted) 20%,transparent);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:#22c55e;width:0%;transition:width .25s ease}.note{color:var(--muted);font-size:13px}input,select,textarea{font:inherit}input[type=text],input[type=tel],textarea,select{width:100%;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:10px 12px}label{display:block;font-size:13px;margin-bottom:6px;color:var(--muted)}.formrow{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 640px){.formrow{grid-template-columns:1fr 1fr}}.success{color:#16a34a;font-weight:600}.error{color:#dc2626;font-weight:600}
