/* Huisstijl van Opus voor de downloadpagina, gelijk aan de launcher en de installer:
   effen donker, strakke panelen, lime als enige accentkleur en Segoe UI als letter. */

:root{
  --bg:#0C0D10; --void:#0C0D10; --void2:#15171C; --panel:#15171C; --panel2:#1A1D23;
  --glass:#15171C; --glass2:#1A1D23; --glass3:#20232A;
  --edge:#23262E; --edge2:#2E323B;
  --text:#EEF0F3; --muted:#A3A9B4; --dim:#6B717C; --faint:#6B717C;
  --lime:#C6F35E; --accent:#C6F35E; --accent-ink:#0C0D10; --mint:#7BE38D; --cyan:#7FD8FF; --violet:#8C6BFF; --pink:#FF6BD6; --red:#FF6B6B;
  --holo:#C6F35E;
  --display:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
  --body:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  --mono:"Cascadia Mono",Consolas,ui-monospace,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
}

/* Knoppen. De hoofdknop is effen lime, net als Spelen in de launcher. */
.o-btn{height:44px;padding:0 20px;border-radius:14px;font:600 14px/1 var(--body);display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;cursor:pointer;color:var(--text);background:none;transition:background .2s,border-color .2s,box-shadow .25s,transform .12s;white-space:nowrap}
.o-btn:active:not(:disabled){transform:scale(.98)}
.o-btn:disabled{opacity:.4;cursor:not-allowed}
.o-btn-main{color:var(--accent-ink);font-weight:700;background:var(--accent);box-shadow:0 10px 30px rgba(198,243,94,.18)}
.o-btn-main:hover:not(:disabled){box-shadow:0 14px 40px rgba(198,243,94,.3)}
.o-btn-glass{background:var(--panel);border-color:var(--edge2)}
.o-btn-glass:hover:not(:disabled){background:var(--panel2)}
.o-btn-quiet{color:var(--muted)}
.o-btn-quiet:hover:not(:disabled){color:var(--text);background:var(--panel)}
.o-btn-danger{background:rgba(255,107,107,.1);color:#FF9A9A;border-color:rgba(255,107,107,.28)}
.o-btn-danger:hover:not(:disabled){background:rgba(255,107,107,.18)}

/* Velden */
.o-in{width:100%;height:46px;padding:0 16px;border-radius:12px;background:var(--panel);border:1px solid var(--edge2);color:var(--text);font:400 14.5px var(--body);outline:none;transition:border-color .2s,box-shadow .2s}
.o-in::placeholder{color:var(--dim)}
.o-in:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(198,243,94,.12)}

/* Panelen (de namen komen nog uit 0.28, de stijl is weer effen) */
.o-glass{background:var(--panel);border:1px solid var(--edge)}
.o-holo-edge{border:1px solid var(--edge2);background:var(--panel)}
.o-holo-text{color:var(--text)}

/* De achtergrond: effen donker met een zachte lime gloed bovenin. */
.sky{position:absolute;inset:0;overflow:hidden;background:radial-gradient(900px 420px at 70% -10%,rgba(198,243,94,.08),transparent 70%),var(--bg)}
.sky .orb{display:none}

/* Het logo: een donkere ring op een lime tegel. */
.logo-tile{display:inline-flex;align-items:center;justify-content:center;border-radius:30%;background:var(--accent)}