:root{font-family:system-ui,sans-serif;color:#222;background:#f7f7f8}body{margin:0}.container{max-width:860px;margin:0 auto;padding:2rem 1rem}.card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000000b}.login-card{max-width:420px;margin:5rem auto}h1{margin-top:0}input{box-sizing:border-box;width:100%;padding:.6rem}button{cursor:pointer;padding:.65rem 1rem;border:0;border-radius:6px;background:#222;color:#fff}.topbar{display:flex;justify-content:space-between;align-items:center}.link-button{background:transparent;color:#555}.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:2rem}.menu a{padding:1.5rem 1rem;background:#fff;border:1px solid #ddd;border-radius:10px;color:inherit;text-decoration:none}.error{color:#b42318}