.account-page{max-width:920px}
.account-page .account-hero{min-height:205px;padding:34px 38px 66px;gap:18px;align-items:center;background:linear-gradient(120deg,#6854ce 0%,#5545ac 62%,#463b96 100%)}
.account-page .account-hero:before{width:270px;height:270px;right:-85px;top:-140px;border-color:rgba(255,255,255,.15)}
.account-page .account-hero:after{width:180px;height:180px;right:12%;bottom:-145px;border-color:rgba(255,255,255,.13)}
.account-page .profile-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:21px;background:rgba(255,255,255,.17);border:1.5px solid rgba(255,255,255,.55);font-size:21px;box-shadow:0 9px 18px rgba(41,32,112,.12)}
.account-page .hero-copy{min-width:0;flex:1}.account-page .hero-copy small{font-size:10px;letter-spacing:.15em;color:#e3ddff}.account-page .hero-copy h1{margin:5px 0;font-size:24px;line-height:1.2;overflow-wrap:anywhere}.account-page .hero-copy p{font-size:12px;line-height:1.4;color:#eeeaff;overflow-wrap:anywhere}
.account-page .member-state{flex:0 0 auto;margin-left:10px;padding:8px 13px;background:#e7f9ec;color:#207542;font-size:10px}
.account-page .member-id-strip{position:relative;z-index:4;max-width:none;margin:-39px 22px 0;padding:16px 22px;min-height:73px;border:1px solid #eef1f5;border-radius:19px;box-shadow:0 14px 27px rgba(31,68,60,.1)}
.account-page .member-id-strip small{font-size:10px;color:#84918b}.account-page .member-id-strip b{font-size:14px;letter-spacing:.015em;color:#1b3028}.account-page .member-id-strip a{font-size:10px;border-radius:11px;padding:9px 11px;background:#eeeaff;color:#5e4ab5}.account-page .member-id-strip a:hover{background:#e0d9ff}
.account-page .account-content-grid{margin:21px 22px 0;gap:18px;align-items:start}
.account-page .color-card{padding:23px;border-radius:20px;border-color:#e6eee9;box-shadow:0 9px 26px rgba(25,66,55,.055)}
.account-page .card-heading{margin-bottom:14px;gap:12px}.account-page .card-heading>div{min-width:0}.account-page .card-heading small{font-size:9px;letter-spacing:.13em}.account-page .card-heading h2{font-size:18px;line-height:1.25;margin-top:4px}
.account-page .heading-icon{width:43px;height:43px;flex:0 0 43px;border-radius:13px}.account-page .heading-icon .fi{font-size:19px}
.account-page .account-detail{gap:12px;min-height:63px;padding:11px 0}.account-page .account-detail:first-of-type{padding-top:7px}.account-page .account-detail:last-child{padding-bottom:3px}
.account-page .detail-icon{width:39px;height:39px;flex:0 0 39px;border-radius:12px}.account-page .detail-icon .fi{font-size:16px}
.account-page .account-detail small{font-size:10px;line-height:1.35}.account-page .account-detail b{font-size:11px;line-height:1.45;margin-top:3px;font-weight:700;color:#26372e}
.account-page .shu-card-link{font-size:10px}.account-page .shu-card-link:focus-visible,.account-page a:focus-visible,.account-page button:focus-visible{outline:3px solid #8872e0;outline-offset:3px}
.account-shu-preview{display:flex;gap:13px;align-items:center;padding:17px;border-radius:16px;background:linear-gradient(135deg,#fff9e8,#fff0c7);border:1px solid #f7e8bc}
.account-shu-symbol{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#ffdf82;color:#906b16;display:grid;place-items:center}.account-shu-symbol .fi{font-size:21px}
.account-shu-preview>div{min-width:0}.account-shu-preview small,.account-shu-preview strong{display:block}.account-shu-preview small{font-size:10px;color:#876e35}.account-shu-preview strong{font-size:17px;line-height:1.3;color:#544113;margin-top:3px}.account-shu-preview p{font-size:10px;line-height:1.45;color:#89784e;margin:4px 0 0}
.account-shu-preview.is-empty{background:#f8fbf9;border-color:#e6f0e9}.account-shu-preview.is-empty .account-shu-symbol{background:#e3f4ed;color:#21896d}.account-shu-preview.is-empty strong{font-size:12px;color:#2b4233}.account-shu-preview.is-empty p{color:#72877a}
.account-page .account-actions{margin:18px 22px 0;gap:10px}.account-page .account-actions>a,.account-page .account-actions button{min-height:67px;border-radius:15px;padding:12px 13px;box-shadow:0 7px 18px rgba(25,66,55,.045)}.account-page .account-actions b{font-size:10px}.account-page .account-actions small{font-size:9px}.account-page .account-actions i.fi-rr-angle-right{font-size:13px}
@media(max-width:700px){.account-page{padding-bottom:22px}.account-page .account-hero{min-height:173px;padding:22px 19px 58px;gap:13px;border-radius:0 0 25px 25px}.account-page .profile-avatar{width:53px;height:53px;flex-basis:53px;border-radius:16px;font-size:18px}.account-page .hero-copy small{font-size:9px}.account-page .hero-copy h1{font-size:18px}.account-page .hero-copy p{max-width:none;font-size:10px;overflow:visible;text-overflow:clip}.account-page .member-state{margin-left:0;padding:7px 10px;font-size:9px}.account-page .member-id-strip{min-height:65px;margin:-35px 16px 0;padding:12px 15px;border-radius:17px}.account-page .member-id-strip small{font-size:9px}.account-page .member-id-strip b{font-size:12px}.account-page .member-id-strip a{font-size:9px;padding:8px 9px}.account-page .account-content-grid{display:grid;grid-template-columns:1fr;margin:17px 16px 0;gap:14px}.account-page .account-content-grid>section{margin:0}.account-page .color-card{padding:18px;border-radius:18px}.account-page .card-heading{margin-bottom:12px}.account-page .card-heading h2{font-size:16px}.account-page .account-detail{min-height:58px;padding:9px 0}.account-page .account-detail b{font-size:11px}.account-page .account-actions{display:grid;grid-template-columns:1fr;margin:14px 16px 0;gap:8px}.account-page .account-actions>a,.account-page .account-actions form{margin:0}.account-page .account-actions>a,.account-page .account-actions button{min-height:58px}.account-page .uicons-credit{margin-bottom:6px}}
@media(max-width:400px){.account-page .account-hero{align-items:flex-start}.account-page .hero-copy h1{font-size:16px}.account-page .hero-copy p{font-size:9px}.account-page .member-state{position:absolute;right:18px;bottom:45px}.account-page .member-id-strip b{font-size:11px}.account-page .shu-card-link{font-size:9px}}