*{box-sizing:border-box}body{color:#fff;background-image:linear-gradient(#020917,#101725);min-height:100vh;margin:0;font-family:Inter,Avenir,Helvetica,Arial,sans-serif}.app{min-height:100vh;padding:2rem}.page{max-width:600px;margin:0 auto}h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700}h2{margin-top:2rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}p{opacity:.8;font-size:1.1rem;line-height:1.6}a{color:#6ea8fe;text-decoration:none}a:hover{text-decoration:underline}.form{flex-direction:column;gap:1rem;margin:2rem 0;display:flex}.field{flex-direction:column;gap:.5rem;display:flex}.field label{opacity:.9;font-weight:500}.field input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem}.field input:focus{border-color:#6ea8fe;outline:none}button{color:#020917;cursor:pointer;background:#6ea8fe;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.error{color:#f8d7da;background:#dc354533;border:1px solid #dc354580;border-radius:.5rem;padding:.75rem 1rem}.user-info ul{margin:1rem 0;padding:0;list-style:none}.user-info li{border-bottom:1px solid #ffffff1a;padding:.5rem 0}.token-info pre{background:#0000004d;border-radius:.5rem;padding:1rem;font-size:.875rem;overflow-x:auto}.actions{align-items:center;gap:1rem;margin-top:2rem;display:flex}.loading{opacity:.7;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;display:flex}