:root{font-family:Arial,sans-serif;color:#172033;background:#eef3f8}*{box-sizing:border-box}body{margin:0}a{text-decoration:none}.login{max-width:560px;margin:10vh auto;background:#fff;padding:36px;border-radius:20px;box-shadow:0 15px 45px #0002}.login input,.login button{width:100%;font-size:1.4rem;padding:18px;border-radius:12px;margin-top:14px}.login input{border:2px solid #ccd5df}.login button{border:0;background:#135ca8;color:#fff;font-weight:bold}.danger{background:#ffe5e5;color:#a40000;padding:18px;border-radius:12px}header{background:#0d477f;color:#fff;padding:18px 3vw;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}header h1{margin:0}nav{display:flex;gap:10px;flex-wrap:wrap}nav a{background:#fff;color:#0d477f;padding:14px 18px;border-radius:10px;font-weight:bold}.home{padding:4vw}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.tiles a{min-height:150px;background:#fff;color:#0d477f;border-radius:18px;box-shadow:0 10px 30px #0001;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.5rem;font-weight:bold;padding:24px}.tiles a:active{transform:scale(.98)}