.account-shell{max-width:1120px;margin:0 auto}.account-intro{display:flex;align-items:flex-end;justify-content:space-between;padding:29px 32px;border-left:4px solid var(--yellow);border-radius:0 22px 22px 0;background:#171716;color:#fff}.account-intro .eyebrow{margin:0;color:var(--yellow)}.account-intro h2{margin:4px 0 2px;font-size:28px}.account-intro span{color:#aaa}.account-safe{align-self:center!important;padding:8px 13px;border-radius:999px;background:#173522;color:#74d79b!important;font-size:12px;font-weight:800}.account-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1px;margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--line)}.account-identity,.password-form{background:#fff}.account-identity{padding:42px 34px}.account-avatar{display:grid;width:62px;height:62px;place-items:center;border-radius:19px;background:var(--yellow);font-size:24px;font-weight:900}.account-identity>small{display:block;margin-top:28px;color:#a07a08;font-size:11px;font-weight:900;letter-spacing:1.6px}.account-identity h3{margin:4px 0 28px;font-size:24px}.account-identity dl{margin:0}.account-identity dl div{padding:14px 0;border-top:1px solid #eeeae2}.account-identity dt{color:#999;font-size:12px}.account-identity dd{margin:3px 0 0;font-weight:800}.password-form{padding:38px 44px}.password-form-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:26px}.password-form-head>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#171716;color:var(--yellow);font-size:12px;font-weight:900}.password-form-head h3{margin:0;font-size:23px}.password-form-head p{margin:4px 0 0;color:#888}.password-form label{max-width:560px;margin-top:18px}.password-input{position:relative}.password-input input{padding-right:66px}.password-input button{position:absolute;top:14px;right:7px;padding:6px 9px;border:0;background:transparent;color:#8b6b0b;font-size:12px;font-weight:800}.password-strength{display:flex;max-width:560px;align-items:center;gap:6px;margin-top:9px}.password-strength i{height:4px;flex:1;border-radius:99px;background:#e8e4db}.password-strength span{margin-left:7px;color:#999;font-size:12px}.password-strength.weak i:first-child{background:#d44343}.password-strength.medium i:nth-child(-n+2){background:#d59d08}.password-strength.strong i{background:#168147}.password-match{margin:8px 0 0;color:var(--red);font-size:12px}.password-match.ok{color:var(--green)}.password-policy{display:grid;max-width:560px;gap:2px;margin-top:24px;padding:16px 18px;border-left:3px solid var(--yellow);background:#fff9df}.password-policy span{color:#6f6651;font-size:12px}.password-form footer{display:flex;max-width:560px;justify-content:flex-end;gap:9px;margin-top:25px;padding-top:20px;border-top:1px solid #eeeae2}.password-form footer button{min-width:110px}.password-form footer .primary{min-width:140px}@media(max-width:850px){.account-intro{align-items:flex-start;gap:18px;flex-direction:column}.account-layout{grid-template-columns:1fr}.account-identity{padding:28px}.password-form{padding:28px 24px}}@media(prefers-reduced-motion:no-preference){.account-layout{animation:account-enter .25s ease both}@keyframes account-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
