@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

:root { --ink:#071019; --surface:#0d1923; --surface-hi:#132433; --line:rgba(208,181,121,.2); --text:#f4efe4; --muted:#aeb8bb; --gold:#d8b56b; --gold-hi:#f2d797; --teal:#5cbbb1; --danger:#f08d8d; --shadow:0 24px 70px rgba(0,0,0,.42); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-height:100vh; margin:0; color:var(--text); background:radial-gradient(circle at 70% 0, #163a43 0, var(--ink) 42rem); font-family:"DM Sans",Arial,sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(#000,transparent 70%); }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.shell { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.site-header { position:relative; z-index:5; border-bottom:1px solid rgba(255,255,255,.1); background:rgba(5,13,20,.66); backdrop-filter:blur(16px); }
.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.brand { display:flex; align-items:center; gap:11px; font-family:Cinzel,serif; letter-spacing:.12em; font-size:18px; font-weight:700; }
.brand-mark { display:grid; place-items:center; width:32px; height:38px; color:var(--gold-hi); border:1px solid var(--gold); clip-path:polygon(50% 0,100% 22%,90% 80%,50% 100%,10% 80%,0 22%); background:linear-gradient(145deg,#294a4e,#0b1a23); font-size:15px; }
.brand small { color:var(--gold); font-size:9px; letter-spacing:.26em; display:block; margin-top:2px; }
.nav-links { display:flex; align-items:center; gap:7px; }
.nav-link,.pill { color:#d6d7d0; padding:9px 11px; font-weight:600; font-size:14px; border-radius:7px; }
.nav-link:hover { color:var(--gold-hi); }
.pill { border:1px solid var(--line); background:rgba(255,255,255,.035); cursor:pointer; }
.pill.primary,.button.primary { border-color:#e3c47e; background:linear-gradient(135deg,#e7ca88,#ad7d35); color:#1a140b; }
.hero { min-height:650px; position:relative; isolation:isolate; display:grid; align-items:center; overflow:hidden; border-bottom:1px solid var(--line); }
.hero-art { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(4,11,17,.96) 0,rgba(4,11,17,.8) 34%,rgba(4,11,17,.12) 72%),linear-gradient(0deg,#071019 0,transparent 35%),url('/assets/solmere-hero.png') center/cover; }
.hero-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 50%,rgba(242,204,133,.1)); mix-blend-mode:screen; }
.hero-copy { max-width:660px; padding:85px 0 105px; }
.eyebrow,.kicker { color:var(--gold-hi); font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
h1,h2,h3 { font-family:Cinzel,Georgia,serif; }
h1 { margin:16px 0 19px; max-width:650px; font-size:clamp(42px,6vw,76px); line-height:1.01; letter-spacing:-.03em; }
h2 { margin:0 0 13px; font-size:clamp(28px,4vw,42px); }
h3 { margin:0 0 7px; font-size:18px; }
.lead { max-width:590px; color:#d1d9d8; font-size:18px; line-height:1.65; }
.actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; }
.button { min-height:46px; display:inline-flex; justify-content:center; align-items:center; gap:8px; border:1px solid var(--line); border-radius:6px; padding:0 18px; background:rgba(8,19,27,.72); color:var(--text); font-weight:700; cursor:pointer; transition:transform .18s,background .18s; }
.button:hover { transform:translateY(-2px); background:#1b303a; }.button.primary:hover { background:linear-gradient(135deg,#f2d797,#bf8c3e); }.button:disabled { opacity:.6; cursor:wait; transform:none; }
.hero-meta { display:flex; flex-wrap:wrap; gap:18px; margin-top:42px; color:#c4c7bf; font-size:13px; }.online-dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 12px var(--teal); }
.section { padding:88px 0; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:30px; }.section-heading p { max-width:480px; margin:0; color:var(--muted); line-height:1.6; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.feature { min-height:215px; border:1px solid var(--line); border-radius:9px; padding:26px; background:linear-gradient(145deg,rgba(26,50,58,.6),rgba(11,24,34,.78)); box-shadow:inset 0 1px rgba(255,255,255,.04); }.feature-icon { color:var(--gold); font-family:Cinzel,serif; font-size:28px; margin-bottom:28px; }.feature p { margin:0; color:var(--muted); line-height:1.6; }
.callout { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:36px; border:1px solid rgba(216,181,107,.35); border-radius:10px; background:linear-gradient(110deg,rgba(160,115,45,.24),rgba(27,69,70,.42)); }.callout h2 { margin-bottom:7px; }.callout p { margin:0; color:#e0ded5; }
.site-footer { padding:27px 0; border-top:1px solid var(--line); color:#879497; font-size:13px; }.footer-inner { display:flex; justify-content:space-between; gap:16px; }
.auth-page { min-height:calc(100vh - 76px); display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,560px); }.auth-visual { position:relative; background:linear-gradient(90deg,rgba(3,11,18,.28),rgba(3,11,18,.86)),url('/assets/solmere-hero.png') center/cover; }.auth-visual-copy { position:absolute; left:max(8vw,40px); bottom:12%; max-width:430px; }.auth-visual-copy h1 { font-size:clamp(38px,4vw,58px); }.auth-visual-copy p { color:#d9ded8; line-height:1.6; }.auth-wrap { display:grid; place-items:center; padding:48px 28px; background:rgba(5,14,21,.72); }.auth-card { width:min(100%,450px); }.auth-card h1 { margin:10px 0; font-size:32px; line-height:1.17; }.auth-card > p { margin:0; color:var(--muted); line-height:1.55; }
.field { display:grid; gap:7px; margin:17px 0; }.field label { color:#c7cbbf; font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; } input { min-height:47px; width:100%; padding:0 13px; border:1px solid rgba(204,214,205,.2); border-radius:6px; outline:0; background:rgba(1,10,15,.65); color:var(--text); } input:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(216,181,107,.13); }.form-row { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:24px; }.hint-link { color:var(--gold-hi); font-weight:600; font-size:14px; }.form-note { color:#89979a; font-size:12px; line-height:1.5; }.message { display:none; margin-top:17px; padding:12px; border:1px solid rgba(92,187,177,.45); border-radius:6px; color:#c5eee9; background:rgba(92,187,177,.12); line-height:1.45; }.message.error { border-color:rgba(240,141,141,.5); background:rgba(240,141,141,.11); color:#ffd2d2; }
.dashboard { padding:45px 0 80px; }.dashboard-head { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:24px; }.dashboard-head h1 { margin:8px 0 0; font-size:42px; }.dashboard-grid { display:grid; grid-template-columns:.8fr 1.35fr; gap:16px; }.panel { border:1px solid var(--line); border-radius:9px; padding:25px; background:linear-gradient(150deg,rgba(22,44,52,.75),rgba(9,20,29,.86)); }.panel h2 { font-size:25px; }.panel > p { margin:0; color:var(--muted); line-height:1.55; }.account-emblem { width:58px; height:58px; display:grid; place-items:center; margin-bottom:18px; border:1px solid var(--gold); border-radius:50%; color:var(--gold-hi); font-family:Cinzel,serif; font-size:24px; background:radial-gradient(circle,#315359,#10222c); }.list { display:grid; gap:10px; margin-top:18px; }.list-item { display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid rgba(208,181,121,.15); border-radius:7px; padding:15px; background:rgba(2,12,18,.36); }.list-item strong { display:block; }.list-item span { display:block; margin-top:4px; color:var(--muted); font-size:13px; }.character-level { color:var(--gold-hi)!important; font-weight:700; white-space:nowrap; }
@media (max-width:800px) { .nav-link { display:none; }.hero { min-height:600px; }.hero-copy { padding:60px 0 75px; }.hero-art { background-position:58% center; }.feature-grid,.dashboard-grid,.auth-page { grid-template-columns:1fr; }.auth-visual { min-height:270px; }.auth-visual-copy { left:28px; bottom:25px; }.auth-visual-copy h1 { margin:8px 0; }.section { padding:62px 0; }.section-heading,.callout,.dashboard-head { align-items:flex-start; flex-direction:column; }.callout { padding:27px; }.footer-inner { flex-direction:column; } }
@media (max-width:480px) { .shell { width:min(100% - 28px,1180px); }.brand { font-size:15px; }.nav { min-height:68px; }.pill { padding:8px 10px; }.hero { min-height:570px; }.lead { font-size:16px; }.form-row { align-items:stretch; flex-direction:column; }.form-row .button { width:100%; }.auth-wrap { padding:42px 20px; } }