body{font-family:Gordita,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{margin-right:1rem}.logout-link{position:absolute;top:2rem;right:2rem;color:#335d92;font-weight:600;text-decoration:none;font-size:1.1rem;background:none;border:none;cursor:pointer;z-index:10;transition:color .15s}.logout-link:hover{color:#4f8edc;text-decoration:underline}main{text-align:center;padding:1em;margin:0 auto}h1{color:#335d92;text-transform:uppercase;font-size:4rem;font-weight:100;line-height:1.1;margin:4rem auto;max-width:14rem}p{max-width:14rem;margin:2rem auto;line-height:1.35}@media (min-width: 480px){h1,p{max-width:none}}.container{display:flex;justify-content:center;align-items:center;height:100vh}form{display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:5px;box-shadow:0 0 10px #0000001a}form div{display:flex;flex-direction:column;gap:.25rem}input{padding:.5rem;border:1px solid #ccc;border-radius:3px;font-family:Gordita,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button{padding:.5rem;border:none;border-radius:3px;background-color:#335d92;color:#fff;cursor:pointer}.profile-card{max-width:420px;margin:2rem auto;background:#fff;border-radius:12px;box-shadow:0 2px 24px #335d9214,0 1.5px 4px #0000000a;padding:2rem}.profile-card .profile-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:1.05rem}.profile-card .profile-form{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem;background:none;border:none;box-shadow:none;padding:0}@media (min-width: 600px){.profile-card .profile-form{gap:1.5rem}}.profile-card .profile-form .profile-field label{display:flex;flex-direction:column;font-weight:500;color:#335d92;gap:.3rem}@media (min-width: 600px){.profile-card .profile-form .profile-field label{flex-direction:row;align-items:center;gap:1.5rem}}.profile-card .profile-form .profile-field label strong{min-width:140px;text-align:right;margin-right:.5rem;font-size:1.05rem}.profile-card .profile-form .profile-field input,.profile-card .profile-form .profile-field textarea{margin-top:.2rem;padding:.6rem .8rem;border:1px solid #cfd8dc;border-radius:5px;font-size:1rem;background:#f8fafc;transition:border .2s;font-family:Gordita,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media (min-width: 600px){.profile-card .profile-form .profile-field input,.profile-card .profile-form .profile-field textarea{flex:1 1 0;margin-top:0}}.profile-card .profile-form .profile-field input:focus,.profile-card .profile-form .profile-field textarea:focus{border:1.5px solid #335d92;outline:none;background:#fff}.profile-card .profile-form .profile-save-btn{margin-top:.5rem;padding:.7rem 0;font-size:1.1rem;font-weight:600;background:linear-gradient(90deg,#335d92 60%,#4f8edc);border:none;border-radius:6px;color:#fff;cursor:pointer;box-shadow:0 1px 4px #335d9214;transition:background .2s}.profile-card .profile-form .profile-save-btn:disabled{opacity:.7;cursor:not-allowed}.profile-card .profile-form .profile-error{color:#c0392b;margin:.5rem 0 0;font-size:.98rem}.profile-card .profile-form .profile-success{color:#27ae60;margin:.5rem 0 0;font-size:.98rem}