.profile-badge{padding:0;cursor:pointer}.profile-badge:focus-visible{outline:2px solid #ffd494;outline-offset:4px}.account-screen{max-width:1000px;margin:auto}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-heading h1{font:600 62px/1 'Barlow Condensed';margin:20px 0 12px}.account-heading p{font-size:12px}.account-identity{display:flex;align-items:center;gap:25px;margin-top:30px;padding:28px;background:radial-gradient(ellipse at 0 0,#65503766,transparent 75%),linear-gradient(120deg,#24252e,#131b27);border:1px solid #7b6347;border-radius:12px}.account-emblem{--account-color:#a8b3c6;display:grid;place-items:center;flex-shrink:0;width:90px;height:90px;border:5px double var(--account-color);border-radius:25%;font:600 35px 'Barlow Condensed';color:#f1dfbf;background:linear-gradient(135deg,#454857,#101623);box-shadow:0 0 25px color-mix(in srgb,var(--account-color),transparent 82%)}.account-identity>div:nth-child(2){flex:1}.account-identity h2{font:600 38px 'Barlow Condensed';margin:12px 0}.account-identity p{font-size:11px}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #49434a;padding:22px 0;margin:25px 0;gap:15px}.account-stats b{display:block;font:600 31px 'Barlow Condensed';color:#f3d2a0}.account-stats span{display:block;font-size:7px;letter-spacing:1px;margin-top:6px;color:#a6b1c4}.account-save{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:#151d29;border:1px solid #495466;border-radius:9px}.account-save h2{font:600 28px 'Barlow Condensed';margin:15px 0 9px}.account-save p{font-size:11px;line-height:1.8;color:#b7c0d0}.account-services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.account-services article{padding:23px;border:1px solid #454652;border-radius:9px;background:linear-gradient(135deg,#242530,#111925)}.account-service-mark{font-size:30px;color:#bd98b7}.account-services h3{font:600 27px 'Barlow Condensed';margin:17px 0 12px}.account-services p{font-size:10px;line-height:1.9;min-height:76px}.account-service-status{font-size:8px;letter-spacing:1px;color:#d5b68c}.account-services button{font-size:7px;line-height:1.7;padding:10px 7px;width:100%;opacity:.7}.account-services button:disabled{opacity:.65}@media(max-width:700px){.account-heading{align-items:flex-start;gap:10px}.account-heading h1{font-size:43px;margin:16px 0 10px}.account-heading>button{font-size:8px;padding:10px;white-space:nowrap}.account-heading .eyebrow{font-size:8px}.account-heading p{font-size:10px;line-height:1.7}.account-identity{padding:22px 18px;gap:16px;flex-wrap:wrap;margin-top:24px}.account-emblem{width:66px;height:66px;font-size:29px}.account-identity h2{font-size:31px;margin:10px 0}.account-identity .eyebrow{font-size:7px}.account-identity p{font-size:9px;line-height:1.7}.account-identity>button{width:100%;font-size:10px;padding:13px}.account-stats{grid-template-columns:1fr 1fr;gap:22px 15px}.account-stats b{font-size:29px}.account-stats span{font-size:7px}.account-save{display:block;padding:22px 18px}.account-save .eyebrow{font-size:8px}.account-save h2{font-size:28px}.account-save p{font-size:10px}.account-save button{width:100%;margin-top:12px;font-size:10px;padding:13px}.account-services{grid-template-columns:1fr;gap:14px}.account-services article{padding:22px}.account-services p{min-height:0;max-width:420px;font-size:11px}.account-services button{max-width:280px;font-size:8px}.account-services h3{font-size:28px}}
.profile-badge{position:relative}.profile-badge:after{content:'';position:absolute;inset:-9px;border-radius:50%}