*{box-sizing:border-box}body{margin:0;background:#0c1422;color:#edf4fc;font:16px system-ui,Arial}header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 5%;background:#14243a;flex-wrap:wrap}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:#8cd6ff}main{max-width:1100px;margin:42px auto;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.tile,.login{background:#182b42;padding:26px;border-radius:15px;border:1px solid #2c4968}.tile p{line-height:1.8}.login{max-width:420px;margin:12vh auto;padding:30px}label{display:block;margin:18px 0}input{width:100%;display:block;margin-top:7px;padding:12px;background:#0d1a2c;border:1px solid #496784;color:white;border-radius:8px}button{padding:12px 22px;background:#26a4df;border:0;border-radius:8px;font-weight:bold;cursor:pointer}.error{color:#ffb5b5}.muted{color:#afc2d4}small{color:#afc2d4}
select{width:100%;padding:10px;background:#0d1a2c;color:#edf4fc;border:1px solid #496784;border-radius:8px}canvas{max-width:100%;height:auto}.grid>.tile{min-width:0}