*{box-sizing:border-box}body{margin:0;background:#060910;color:#eef4ff;font:15px system-ui,Arial;background-image:radial-gradient(circle at 70% 0,#182b4b,transparent 36%)}nav{height:72px;padding:0 6%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #202b3b;background:#090e17e8}nav span{color:#8493aa;font-size:12px;flex:1}nav a{color:#b8d2f6;text-decoration:none}.logo,.mark{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#fff,#6da8ff);color:#07101b;font-weight:1000;font-size:27px}.login{width:min(420px,90%);margin:12vh auto;padding:35px;background:#0d141e;border:1px solid #26354a;border-radius:22px;text-align:center}.login h1{margin:12px 0 5px}.login p,.sub,small{color:#8997ac}.login form,.panel{display:grid;gap:11px;margin-top:22px}.login input,.panel input,.panel select,.panel button{height:50px;border-radius:11px;border:1px solid #29384e;background:#0a111b;color:#fff;padding:0 14px}.login button,.panel button,.button,.actions a{height:48px;border:0;border-radius:11px;background:#eef5ff;color:#07101b;font-weight:800;padding:14px;text-decoration:none}.link{display:block;margin-top:20px}.error{color:#ff9a9a;margin-top:15px}.ok{padding:13px;background:#112a20;border:1px solid #28563f;border-radius:11px;color:#8fe3b5;margin:18px 0}main{max-width:1160px;margin:auto;padding:45px 22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#0e1621;border:1px solid #243247;border-radius:17px;padding:22px}.card strong{display:block;font-size:31px;margin-top:8px}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions a{background:#121d2c;color:#bcd6f8;border:1px solid #2a3a51}.list{display:grid;gap:9px;margin-top:20px}.row{display:flex;justify-content:space-between;gap:15px;padding:16px;background:#0d141e;border:1px solid #202d40;border-radius:12px}.row span{color:#8d9bb0}.hero{padding-top:40px}.hero h1{font-size:clamp(42px,7vw,72px);margin:14px 0}.hero p{color:#9aa8bd;line-height:1.7}.cats{margin-top:40px}.notice{margin-top:25px}.panel{max-width:650px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.grid{grid-template-columns:1fr}nav{padding:0 4%;gap:12px}.row{display:block}.row span{display:block;margin-top:5px}}