/* base.css — shared theme + common components across all Astro Tools pages. */
:root{--bg:#0c0e1c;--panel:#191d38;--panel2:#1f2444;--line:rgba(255,255,255,.10);--text:#eae7f5;--muted:#a7a3c4;--gold:#d0b25f;--lav:#b3a5ec;--fire:#e0603f;--earth:#5a9c6b;--air:#d8a53c;--water:#4b86c4;}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 800px at 50% -10%,#1b1f3d 0%,var(--bg) 60%);color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-height:100vh}
.container{max-width:940px;margin:0 auto;padding:0 18px 80px}
.topbar{display:flex;justify-content:space-between;align-items:center;padding-top:16px;gap:12px}
.home{color:var(--lav);text-decoration:none;font-size:14px}
.home:hover{text-decoration:underline}
.lang-link{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:7px 14px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none}
.lang-link:hover{border-color:var(--lav)}
header.hero{text-align:center;padding:26px 0 30px}
header.hero h1{font-size:clamp(24px,4.6vw,40px);margin:0 0 12px;letter-spacing:-.02em;font-weight:700}
header.hero h1 .star{color:var(--gold)}
header.hero p{color:var(--muted);max-width:560px;margin:0 auto;font-size:16px}
.card{background:linear-gradient(180deg,var(--panel) 0%,var(--panel2) 100%);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.field{display:flex;flex-direction:column;gap:6px;position:relative}
label{font-size:13px;color:var(--muted);font-weight:600}
input,select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#0e1226;color:var(--text);font-size:15px}
input:focus,select:focus{outline:none;border-color:var(--lav);box-shadow:0 0 0 3px rgba(179,165,236,.18)}
button.primary{padding:13px 20px;border:none;border-radius:11px;background:linear-gradient(90deg,var(--gold),#e6cd82);color:#22160a;font-weight:700;font-size:16px;cursor:pointer;transition:filter .15s}
button.primary:hover{filter:brightness(1.06)}
h3{font-size:16px;margin:0 0 12px;color:var(--lav)}
.disclaimer{color:var(--muted);font-size:12.5px;font-style:italic;border-top:1px solid var(--line);padding-top:14px}
footer{text-align:center;color:var(--muted);font-size:12.5px;padding:34px 0 0}
footer a{color:var(--lav)}