*{box-sizing:border-box}body{margin:0;background:#0a1020;color:#eef3ff;font:16px system-ui}header{padding:22px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #263554}header b{font-size:25px}header i,small{color:#68e4f7}main{max-width:1050px;margin:auto;padding:42px 24px}.hero h1{font-size:50px;margin:8px 0}.hero p,em{color:#a9b4cf}.stats,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.stats div,.cards section,article{background:#121b32;border:1px solid #2a3858;border-radius:18px;padding:24px}.stats b{display:block;font-size:30px}.stats span{color:#9eabc8}.cards{grid-template-columns:repeat(3,1fr)}a,button{background:#69e1ee;color:#07111c;border:0;border-radius:10px;padding:12px 16px;text-decoration:none;font-weight:800;cursor:pointer}.top{display:flex;justify-content:space-between;margin-bottom:20px}.top a{background:none;color:#69e1ee;padding:0}article{max-width:850px;margin:auto}article h2{line-height:1.45}.o{display:grid;gap:12px;margin:24px 0}.o label{display:flex;gap:14px;padding:15px;border:1px solid #354361;border-radius:12px}.o label:hover{border-color:#69e1ee}.o b{color:#69e1ee}.ok,.bad{padding:12px;margin:12px 0;border-radius:10px}.ok{background:#123d31}.bad{background:#4b2028}.end{text-align:center}.end div{font-size:64px;color:#69e1ee;font-weight:900}@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.hero h1{font-size:38px}}body{min-height:100vh}header{gap:18px;align-items:center;flex-wrap:wrap}header .brand{padding:0;background:none;color:#eef3ff;font-size:25px}header>span{color:#a9b4cf;font-size:13px}nav{display:flex;gap:14px;align-items:center;margin-left:auto;flex-wrap:wrap}nav a{padding:0;background:none;color:#68e4f7;font-size:14px}nav span{font-size:14px}nav form{margin:0}h1{line-height:1.15;font-size:36px}h2{margin-top:0}p{line-height:1.6;color:#b7c3dd}small{letter-spacing:.1em;font-size:11px}button,a{display:inline-block;font:inherit;font-weight:700}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f9cf75;outline-offset:3px}.secondary{background:#1b2944;color:#bdeef5;border:1px solid #354361}.danger{background:#fb8797;color:#2b0612}.auth{max-width:560px}.stack{display:grid;gap:18px}.stack>label,.user-create>label{display:grid;gap:8px;font-size:14px}.stack input,.user-create input{width:100%;padding:13px;border-radius:9px;border:1px solid #40516f;background:#091225;color:#eef3ff;font:inherit}.stack p{margin:0}.stack>a{text-align:center}.muted{color:#99a8c6;font-size:14px}.notice{padding:16px 20px;border-radius:12px;margin-bottom:20px;border:1px solid #355371;background:#14253d}.notice.error{background:#4b2028;border-color:#873b50}.notice.success{background:#123d31;border-color:#246650}.reset-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding-top:20px;border-top:1px solid #293653}.reset-bar p{font-size:14px}.panel{padding:24px;background:#121b32;border:1px solid #2a3858;border-radius:18px;margin-bottom:18px}.user-create{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:end}.user-create button{grid-column:1/-1;justify-self:start}.user-list{margin-top:28px}.user-heading,.user-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.user-heading p{margin-top:0;overflow-wrap:anywhere}.user-heading h2{margin-bottom:7px}.badge{padding:7px 12px;border-radius:30px;background:#453143;color:#ffd1dc;font-size:13px}.badge.active{background:#154339;color:#8bedc1}details{max-width:380px}summary{cursor:pointer;color:#68e4f7}details .stack{margin-top:18px}footer{max-width:1050px;padding:20px 24px 30px;margin:auto;color:#7182a4;font-size:12px}.cards section{display:flex;flex-direction:column;gap:12px}.cards p{margin:0 0 8px}.cards form{margin-top:auto}.end a{margin-top:10px}.o input{accent-color:#68e4f7}.o label:has(input:checked){background:#1b3546;border-color:#69e1ee}.o label{cursor:pointer;align-items:baseline}article h2{overflow-wrap:anywhere}@media(max-width:700px){header{padding:20px 24px}nav{margin-left:0;width:100%}nav span{margin-right:auto}main{padding:28px 18px}.reset-bar,.user-heading,.user-actions{align-items:flex-start;flex-direction:column}.user-create{grid-template-columns:1fr}h1{font-size:30px}.panel,article{padding:22px}details{width:100%}.stats div{padding:18px}}