*{box-sizing:border-box}body{margin:0;background:#091427;color:#eef8ff;font-family:Tahoma,Arial,sans-serif}main{max-width:540px;margin:auto;padding:22px 18px 50px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:23px;color:#53e7c8}.role{border:1px solid #294b64;border-radius:40px;padding:8px 12px;font-size:12px}.welcome{margin:27px 0;padding:28px 22px;background:linear-gradient(140deg,#143c57,#0c2639);border-radius:24px}.welcome h1{font-size:27px;margin:11px 0}.welcome p,small{color:#a6c4d1;font-size:12px}nav{display:flex;gap:8px;margin-bottom:20px}button{color:#a9c1ca;border:1px solid #284358;border-radius:13px;padding:12px;flex:1;background:#12283b;cursor:pointer}button.active{background:#39caa9;color:#052223;font-weight:700}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}article{background:#11293c;border:1px solid #254258;border-radius:19px;padding:19px;margin-bottom:12px}article strong{display:block;font-size:25px;margin-top:12px;color:#65e3ca}article p{color:#acc7d2}h2{font-size:17px;margin-top:24px}.error{border-color:#dc6e79;color:#ffcbd0}footer{font-size:11px;color:#7095a8;text-align:center;margin-top:38px}