*{box-sizing:border-box}body{margin:0;background:#050505;color:#eee;font-family:Arial,sans-serif}header{background:#111;border-bottom:1px solid #292929;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:3}header b{font-size:22px}nav{display:flex;gap:18px}a{color:#ddd;text-decoration:none}main{max-width:1100px;margin:auto;padding:50px 5%}.hero{text-align:center}.hero h1{font-size:44px;margin:20px 0 8px}.hero>p{color:#999;font-size:18px}.actions{display:flex;justify-content:center;gap:15px;margin:30px 0}.btn,button{display:inline-block;border:0;border-radius:12px;padding:14px 22px;background:#0de0df;color:#001;font-weight:800;cursor:pointer}.btn.ghost{background:transparent;color:#eee;border:1px solid #333}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0}.cards>div,.panel{background:#111;border:1px solid #292929;border-radius:20px;padding:28px}.cards strong{display:block;font-size:30px}.cards span{display:block;color:#999;margin-top:8px}.panel{margin:25px 0}.auth{max-width:650px}.auth .panel{margin-top:6vh}.auth form{display:grid;gap:14px;margin:25px 0}input,select{width:100%;background:#050505;color:#eee;border:1px solid #333;border-radius:12px;padding:16px;font-size:16px}.error,.success{padding:14px;border-radius:10px;margin:15px 0}.error{background:#3a1515;color:#ffbaba}.success{background:#103c38;color:#bafff5}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid #292929;text-align:left}.row{padding:14px 0;border-bottom:1px solid #292929;display:flex;justify-content:space-between;gap:10px;align-items:center}small{color:#999;display:block;margin-top:20px;line-height:1.5}footer{text-align:center;color:#777;padding:35px}@media(max-width:700px){.cards{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}.row{display:block}.row form{margin-top:8px}}