*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#1c1e21}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:2rem;width:100%;max-width:380px}h1{margin:0 0 .25rem;font-size:1.5rem}.muted{color:#65676b;margin-top:0}form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500}input{padding:.6rem .75rem;border:1px solid #ccd0d5;border-radius:8px;font-size:1rem}input:focus{outline:2px solid #2271b1;border-color:transparent}button{padding:.65rem;border:none;border-radius:8px;background:#2271b1;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}button:hover{background:#135e96}button:disabled{opacity:.6;cursor:default}.error{color:#d63638;font-size:.9rem;margin:0}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.avatar{width:64px;height:64px;border-radius:50%}.profile-fields{margin:0 0 1.25rem}.field-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #eef0f2;font-size:.92rem}.field-row dt{color:#65676b;font-weight:500;white-space:nowrap}.field-row dd{margin:0;text-align:right;word-break:break-word}.switch-link{margin:1rem 0 0;font-size:.9rem;text-align:center}.switch-link a{color:#2271b1;font-weight:600;text-decoration:none}.switch-link a:hover{text-decoration:underline}