*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;font-family:Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{opacity:.85}.container{max-width:1100px;margin:auto;padding:2rem}input{color:#fff;background:#0b1220;border:1px solid #334155;border-radius:6px;outline:none;width:100%;margin-bottom:1rem;padding:.8rem;transition:border .2s}input:focus{border-color:#3b82f6}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.8rem 1.2rem;font-weight:600;transition:all .2s}button:hover{opacity:.9}button:disabled{opacity:.6;cursor:not-allowed}form{width:100%}.error{color:#ef4444;margin-bottom:10px;font-size:14px}.success{color:#22c55e;margin-bottom:10px;font-size:14px}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-track{background:#0f172a}