:root{--bg-main:#050505;--bg-panel:#111;--bg-input:#1a1a1a;--bg-header:#151515;--border-color:#222;--text-primary:#ccc;--text-secondary:#777;--accent-color:#04c;--accent-glow:#04c3;--error-color:#a00}*{box-sizing:border-box;margin:0;padding:0;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:12px}body{background-color:var(--bg-main);color:var(--text-primary);flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{color:#eee;font-weight:400}a{color:var(--text-primary);text-decoration:none;transition:color .1s}a:hover{color:var(--accent-color)}.classic-panel{background:var(--bg-panel);border:1px solid var(--border-color)}.classic-header{background:var(--bg-header);border-bottom:1px solid var(--border-color);border-top:1px solid var(--accent-color);text-transform:uppercase;color:#fff;padding:8px 12px;font-size:11px;font-weight:700}.input-field{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);outline:none;padding:6px 8px}.input-field:focus{border-color:var(--accent-color)}.btn-primary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;text-transform:uppercase;padding:6px 12px;font-size:11px}.btn-primary:hover{background:var(--bg-header);border-color:var(--accent-color);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.social-icon-box{background:var(--bg-input);border:1px solid var(--border-color);width:24px;height:24px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.social-icon-box:hover{background:var(--bg-header);border-color:var(--accent-color);color:var(--text-primary)}