body{color:#1c2237;background:#f5f7fb;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.wrapper{flex-direction:column;min-height:100vh;display:flex}header{background:#1f4fef;padding:20px}nav{justify-content:center;gap:16px;display:flex}button{color:#fff;cursor:pointer;background:0 0;border:none;padding:10px 18px;font-size:1rem}button.active,button:hover{text-decoration:underline}section{flex:1;width:100%;max-width:900px;margin:0 auto;padding:32px}.card{background:#fff;border-radius:14px;max-width:520px;padding:28px;box-shadow:0 18px 40px #2e44701f}.card.profile{max-width:640px;margin-bottom:18px}.header-right{align-items:center;gap:12px;margin-left:18px;display:inline-flex}.username{color:#fff;background:#ffffff14;border-radius:999px;padding:6px 10px;font-weight:600}label{margin-bottom:16px;font-size:.95rem;display:block}input{border:1px solid #d8dbe5;border-radius:8px;width:100%;margin-top:8px;padding:12px 14px;font-size:1rem}button[type=submit]{color:#fff;background:#1f4fef;border-radius:999px;margin-top:10px;padding:12px 22px;display:inline-flex}.message{color:#2f6f33;margin-top:14px}footer{text-align:center;color:#6b7280;padding:20px 0}