/* Member security center: real password-management UI. */
.sc-page{padding:calc(12 * var(--v)) calc(14 * var(--v)) calc(100 * var(--v));display:grid;gap:calc(14 * var(--v));color:#2b2b2b}
.sc-intro{display:flex;align-items:center;gap:calc(14 * var(--v));padding:calc(18 * var(--v));border-radius:calc(15 * var(--v));background:linear-gradient(135deg,#171717,#292929);color:#fff}
.sc-shield{width:calc(54 * var(--v));height:calc(54 * var(--v));min-width:32px;min-height:32px;border-radius:50%;display:grid;place-items:center;background:#ffe100;color:#111;font-size:max(12px,calc(27 * var(--v)))}
.sc-intro strong{display:block;font-size:max(12px,calc(34 * var(--v)));margin-bottom:calc(4 * var(--v))}.sc-intro p{margin:0;color:#bfbfbf;font-size:max(8px,calc(23 * var(--v)));line-height:1.45}
.sc-card{border:1px solid #ececec;border-radius:calc(15 * var(--v));background:#fff;overflow:hidden;box-shadow:0 calc(4 * var(--v)) calc(15 * var(--v)) rgba(0,0,0,.035)}
.sc-card>header{display:flex;align-items:flex-start;gap:calc(12 * var(--v));padding:calc(16 * var(--v)) calc(17 * var(--v));border-bottom:1px solid #efefef;background:#fff}
.sc-card h3{margin:0 0 calc(3 * var(--v));font-size:max(12px,calc(33 * var(--v)));color:#222}.sc-card header p{margin:0;color:#999;font-size:max(8px,calc(21 * var(--v)))}
.sc-state{margin-left:auto;padding:calc(4 * var(--v)) calc(9 * var(--v));border-radius:999px;font-size:max(7px,calc(19 * var(--v)));font-weight:800;white-space:nowrap}.sc-state.ok{background:#ddf8e9;color:#11864a}.sc-state.warn{background:#fff1c9;color:#9a6900}
.sc-card form{display:grid;gap:calc(13 * var(--v));padding:calc(17 * var(--v))}
.sc-field{display:grid;gap:calc(7 * var(--v));color:#5d5d5d;font-size:max(9px,calc(24 * var(--v)));font-weight:700}
.sc-password-wrap{display:flex;align-items:center;border:1px solid #ddd;border-radius:calc(10 * var(--v));background:#fafafa;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}
.sc-password-wrap:focus-within{border-color:#e4b900;box-shadow:0 0 0 2px rgba(255,215,0,.14)}
.sc-password-wrap input{min-width:0;flex:1;height:calc(78 * var(--v));min-height:42px;border:0;outline:0;background:transparent;padding:0 calc(13 * var(--v));font-size:max(12px,calc(30 * var(--v)));color:#222}
.sc-eye{width:calc(68 * var(--v));min-width:40px;height:calc(78 * var(--v));min-height:42px;border:0;background:transparent;color:#888;font-size:max(13px,calc(29 * var(--v)));cursor:pointer}.sc-eye.visible{color:#d0a500}
.sc-rule{margin:0;color:#8a8a8a;font-size:max(8px,calc(21 * var(--v)));line-height:1.45}
.sc-error{margin:0;padding:calc(10 * var(--v));border-radius:calc(8 * var(--v));background:#fff0f0;color:#c62c35;font-size:max(9px,calc(23 * var(--v)));font-weight:700}
.sc-submit{width:100%;min-height:calc(82 * var(--v));border:0;border-radius:calc(10 * var(--v));background:linear-gradient(180deg,#ffe428,#f3c900);color:#171717;font-weight:900;font-size:max(11px,calc(29 * var(--v)));cursor:pointer}.sc-submit:disabled{opacity:.55;cursor:wait}
.sc-loading-card{display:grid;gap:calc(12 * var(--v));padding:calc(18 * var(--v));border:1px solid #eee;border-radius:calc(15 * var(--v));background:#fff}.sc-loading-card i{height:calc(72 * var(--v));border-radius:calc(9 * var(--v));background:linear-gradient(90deg,#f2f2f2,#fafafa,#f2f2f2);background-size:200% 100%;animation:scShimmer 1.1s linear infinite}
@keyframes scShimmer{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.sc-loading-card i{animation:none}.sc-password-wrap{transition:none}}