:root{--bg: #121212;--fg: #e0e0e0;--accent: #bb86fc;--border: #333;--radius: 6px;--gap: 1rem}body{background:var(--bg);color:var(--fg);font-family:sans-serif;margin:0;padding:0}.container{max-width:600px;margin:2rem auto;padding:var(--gap);background:#1e1e1e;border-radius:var(--radius);box-shadow:0 2px 10px #00000080}.title{text-align:center;margin-bottom:var(--gap);color:var(--accent)}.form{display:flex;flex-direction:column;gap:var(--gap)}.form-row{display:flex;gap:var(--gap)}.form-group{flex:1;display:flex;flex-direction:column}.form-group.full{flex:1 1 100%}label{margin-bottom:.25rem;font-weight:500}input{padding:.5rem;background:#2a2a2a;border:1px solid var(--border);color:var(--fg);border-radius:var(--radius)}input[type=file]{padding:.25rem}.btn{padding:.75rem;background:var(--accent);border:none;border-radius:var(--radius);color:#121212;font-weight:700;cursor:pointer;transition:background .2s}.btn:disabled{opacity:.6;cursor:default}.btn:hover:not(:disabled){background:#9a68d1}.success{color:#03dac6;text-align:center;margin-top:var(--gap)}.error{color:#cf6679;text-align:center;margin-top:var(--gap)}@media (max-width: 600px){.form-row{flex-direction:column}}