/* Instalatorul are mereu aspectul panoului de administrare, pe fundal închis (culorile și fonturile panoului), nu al temei site-ului. Tema luminoasă nu e folosită aici. */
@font-face{font-family:Cinzel;src:url("fonts/cinzel-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+1E00-1EFF}
@font-face{font-family:Cinzel;src:url("fonts/cinzel-latin.woff2") format("woff2")}
@font-face{font-family:Geist;src:url("fonts/geist-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+1E00-1EFF;font-weight:100 900}
@font-face{font-family:Geist;src:url("fonts/geist-latin.woff2") format("woff2");font-weight:100 900}
@font-face{font-family:"Geist Mono";src:url("fonts/geist-mono-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+1E00-1EFF}
@font-face{font-family:"Geist Mono";src:url("fonts/geist-mono-latin.woff2") format("woff2")}
:root{--bg:#121314;--bg-2:#1a1b1d;--bg-3:#222326;--fg:#ece7df;--text:#cfc9bf;--mute:color-mix(in srgb,var(--fg) 61%,transparent);--accent:#c99a66;--line:color-mix(in srgb,var(--fg) 13%,transparent);--ok:#8fbf8a;--warn:#e0b25c;--bad:#e07a6a;--serif:Cinzel,serif;--sans:Geist,system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;--ease:cubic-bezier(.16,1,.3,1);--field:#6e6d6b;--on-solid:#121314}
*{box-sizing:border-box;margin:0}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);background:var(--bg);color:var(--fg);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
button,input{font:inherit;color:inherit}button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mono{font:400 11px var(--mono);letter-spacing:.16em}
main{width:100%;max-width:960px;margin:0 auto;padding:clamp(28px,5vw,64px);background:var(--bg-2);border-radius:14px}
.pas[hidden]{display:none}

/* cei patru pași, mereu centrați pe mijloc */
.pasi{list-style:none;padding:0;display:flex;justify-content:center;align-items:flex-start;gap:0;margin:0 auto clamp(32px,5vw,56px);max-width:640px}
.pasi li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--mute);font:400 11px var(--mono);letter-spacing:.16em}
.pasi li::before{content:"";position:absolute;top:15px;right:50%;width:100%;height:2px;background:var(--line);z-index:0}
.pasi li:first-child::before{display:none}
.pasi b{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg-3);color:var(--text);font:400 11px var(--mono);letter-spacing:0;transition:background .4s var(--ease),color .4s}
.pasi li.fata::before,.pasi li.on::before{background:var(--accent)}
.pasi li.fata b{background:var(--accent);color:var(--on-solid)}
.pasi li.on{color:var(--fg)}.pasi li.on b{background:var(--accent);color:var(--on-solid);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}
.pasi span{max-width:100%}

.eyebrow{display:block;text-align:center;margin-bottom:14px;color:var(--accent);font:400 11px var(--mono);letter-spacing:.2em}
.h2{text-align:center;font:400 clamp(28px,4.4vw,42px)/1.15 var(--serif);letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;text-wrap:balance}
.h2 em{font-style:normal;color:var(--accent)}
.sub{text-align:center;font-size:17px;line-height:1.6;color:var(--text);margin:0 auto 40px;max-width:60ch;text-wrap:pretty}

.checks{list-style:none;padding:0;margin:0 auto 8px;max-width:640px}
.checks li{display:flex;align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}
.checks .ok{color:var(--ok)}.checks li i{margin-left:auto;font:400 11px var(--mono);letter-spacing:.14em;font-style:normal;color:var(--mute)}
.checks li.nu .ok{color:var(--bad)}.checks li.nu>span:nth-child(2){flex:1}
.checks li.nu small{display:block;margin-top:6px;color:var(--mute);font-size:14px;line-height:1.5}

.forma{max-width:760px;margin:0 auto}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.grid2.p{grid-template-columns:1fr 160px}
.camp{margin-bottom:22px}.camp label.mono,.camp .mono{display:block;margin-bottom:9px;color:var(--mute)}
.camp input[type=text],.camp input[type=email],.camp input[type=password]{width:100%;height:50px;padding:0 14px;background:var(--bg-3);border:0;border-radius:6px;color:var(--fg);transition:box-shadow .3s}
.camp input:focus{outline:0;box-shadow:0 0 0 2px var(--accent)}
.camp small{display:block;margin-top:8px;color:var(--mute);font-size:14px}
.opt{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opt label{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:8px;background:var(--bg-3);cursor:pointer}
.opt label:has(input:checked){box-shadow:inset 0 0 0 1px var(--accent)}
.opt input{margin-top:5px;accent-color:var(--accent)}.opt b{display:block;font-weight:500;font-size:16px}.opt small{color:var(--mute);font-size:14px}
.rez{margin:-6px 0 22px;color:var(--fg)}.rez .ok{color:var(--ok);margin-right:8px}
.eroare{margin:0 0 22px;padding:14px 16px;border-radius:8px;background:color-mix(in srgb,var(--bad) 14%,transparent);box-shadow:inset 0 0 0 1px var(--bad);color:var(--fg);font-size:15px;line-height:1.5}

/* butoane, ca în panou */
.btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:38px}
.btn-o,.btn-solid{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:0;border-radius:6px;font:500 11px var(--sans);letter-spacing:.16em;white-space:nowrap;text-decoration:none;transition:background .3s,opacity .3s}
.btn-o{background:var(--bg-3);color:var(--fg)}.btn-o:hover{background:color-mix(in srgb,var(--fg) 12%,var(--bg-3))}
.btn-solid{background:var(--fg);color:var(--bg)}.btn-solid:hover{opacity:.88}
button[disabled]{opacity:.45;cursor:not-allowed}

@media(max-width:640px){.grid2,.grid2.p,.opt{grid-template-columns:1fr}.btns>*{flex:1 1 100%}.pasi span{display:none}.pasi li.on span{display:block;position:absolute;top:42px;white-space:nowrap}.pasi{margin-bottom:56px}main{border-radius:12px}}