*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at top,#24105c,#090916 55%);color:#fff;min-height:100vh}.app{max-width:1000px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.logo{font-size:24px;font-weight:900;letter-spacing:1px}.logo span{color:#b48cff}.card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px;box-shadow:0 15px 50px rgba(0,0,0,.3);backdrop-filter:blur(10px)}#auth{max-width:430px;margin:0 auto}h1{margin-top:0}.muted{color:#b9b5c9}input{width:100%;padding:14px;margin:7px 0;border-radius:12px;border:1px solid #51466f;background:#100d20;color:#fff;outline:none}button,.button{display:inline-block;border:0;border-radius:12px;padding:13px 18px;margin-top:10px;background:linear-gradient(90deg,#7c3cff,#bd5cff);color:white;font-weight:700;cursor:pointer;text-decoration:none}.ghost{background:transparent;border:1px solid #6f5d9e}.link{background:none;padding:8px;color:#c4a8ff}.hidden{display:none!important}.hero{margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.grid .card{min-height:180px}#msg{min-height:20px;color:#ff9d9d}b{color:#d3b8ff}@media(max-width:600px){.app{padding:15px}header{margin-bottom:30px}}