*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,sans-serif;background:#0b1020;color:#eef2ff}body{min-height:100vh}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #222a43;background:#0f162b}.topbar nav{display:flex;gap:18px}.topbar a,a{color:#cbd5ff;text-decoration:none}.hero,.auth-wrap,.page{max-width:1100px;margin:0 auto;padding:30px 18px}.hero{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center}.card{background:#121a30;border:1px solid #26304d;border-radius:18px;padding:28px;box-shadow:0 12px 40px rgba(0,0,0,.2)}.hero .card{max-width:700px;text-align:center}.logo{font-size:14px;letter-spacing:4px;font-weight:800;color:#67e8f9}.hero h1{font-size:42px;margin:15px 0 10px}.hero p{color:#aab4d1;font-size:17px}.actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 18px;background:#22d3ee;color:#07111d;font-weight:800;cursor:pointer}.btn.secondary{background:#26304d;color:#eef2ff}.form-card{max-width:460px;margin:50px auto}.form-card h1{margin-top:0}label{display:block;margin:14px 0;color:#b9c3df}input{width:100%;margin-top:7px;padding:12px;border:1px solid #303b5b;border-radius:9px;background:#0b1020;color:#fff;outline:none}.form-card .btn{width:100%;margin-top:10px}.alert{padding:12px;border-radius:10px;margin-bottom:16px}.alert.error{background:#3a1820;color:#ffc9d0;border:1px solid #6a2935}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-head h1{margin-bottom:5px}.page-head p{color:#98a4c3}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.room-card{display:block;background:#121a30;border:1px solid #26304d;border-radius:16px;overflow:hidden}.room-cover{height:120px;display:flex;align-items:center;justify-content:center;background:#1c2744;color:#67e8f9;font-weight:800;letter-spacing:2px}.room-body{padding:17px}.room-body h2{margin:0 0 8px}.room-body p{min-height:40px;color:#9eabc8}.room-meta{display:flex;justify-content:space-between;color:#aeb9d5;font-size:13px}.empty{text-align:center;margin-top:20px}.stats{display:flex;gap:12px;margin:20px 0}.stats div{min-width:100px;padding:15px;background:#0b1020;border-radius:12px;text-align:center}.stats b,.stats span{display:block}.stats span{color:#8e9bbd;font-size:12px;margin-top:5px}@media(max-width:600px){.hero h1{font-size:31px}.topbar{padding:0 14px}.topbar nav{gap:10px;font-size:13px}.actions{flex-direction:column}}