:root{--primary: #3498db;--primary-dark: #2c80b4;--background: #1c1e26;--text: #e4f1fe;--border: #3a6b8e;--danger: #e74c3c;--warning: #f39c12}body{background:var(--background);color:var(--text);font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0}.app-container{max-width:600px;margin:40px auto;background:#262a35;border-radius:12px;box-shadow:0 4px 16px #0006;padding:32px 24px;border:2px solid var(--border)}h1{font-size:2rem;margin-bottom:10px;color:var(--primary)}h2{font-size:1.4rem;margin-top:24px;margin-bottom:12px;color:var(--primary)}label{display:block;margin-bottom:6px;font-weight:700;color:var(--text)}input,button{width:100%;font-size:1rem;padding:10px 14px;margin-bottom:16px;border-radius:6px;border:1px solid var(--border);background:#2f3340;color:var(--text);outline:none;transition:border-color .2s,background .2s}input:focus{border-color:var(--primary)}button{background:var(--primary)}