:root{--bg:#08040c;--surface:#1c0e24;--surface2:#281432;--ink:#fff7ed;--muted:#bcaec0;--line:#ffffff20;--orange:#ffa800;--mint:#65ded2;--danger:#ff6675;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html,body{overflow-x:clip}body{margin:0;min-height:100vh;background:radial-gradient(circle at 88% 8%,#3a183f99,transparent 34rem),radial-gradient(circle at 10% 72%,#23102db3,transparent 38rem),linear-gradient(135deg,#07030a,#14081a 54%,#08040b)}
a{color:inherit;text-decoration:none}.account-header{position:sticky;z-index:5;top:0;display:flex;min-height:78px;padding:14px max(20px,calc((100vw - 1160px)/2));align-items:center;justify-content:space-between;background:#09040dd9;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}
.account-logo{display:flex;overflow:hidden;border:2px solid var(--orange);border-radius:11px;background:var(--orange);font:950 1.45rem/1 "Arial Black",sans-serif;letter-spacing:-.09em}.account-logo span{display:grid;width:96px;height:43px;place-items:center;color:var(--orange);background:#120818}.account-logo b{display:grid;width:94px;height:37px;margin:3px;place-items:center;border:3px solid #120818;color:white;background:var(--orange);text-shadow:0 2px 0 #5b2b00aa,0 4px 9px #0008}
.account-logo{display:block;width:202px;height:48px;background:url('/assets/juhu-party-logo-compact.png') center/contain no-repeat;border:0;border-radius:0}.account-logo>*{visibility:hidden}
.header-actions{display:flex;align-items:center;gap:9px}.back-link{display:grid;width:194px;min-height:44px;padding:0 15px;place-items:center;border:1px solid #ffad0073;border-radius:10px;background:#120918cc;box-shadow:0 10px 28px #0008;font-size:.78rem;font-weight:850;text-align:center}.account-header .juhu-language-switch{min-height:44px!important}.account-header .juhu-language-switch button{width:76px!important;min-width:76px!important;height:36px!important}
main{width:min(1160px,calc(100% - 32px));margin:auto;padding:64px 0 90px}.account-hero p{color:var(--orange);font-size:.72rem;font-weight:900;letter-spacing:.14em}.card-number{display:block;margin:-5px 0 6px;color:var(--orange);font-family:"Arial Black","Segoe UI",sans-serif;font-size:clamp(2.4rem,4vw,3.8rem);font-weight:950;line-height:.9;letter-spacing:-.08em;text-shadow:0 3px 0 #4e2700,0 9px 24px #000b}.account-hero h1{margin:14px 0 18px;font-size:clamp(3rem,7vw,6.4rem);line-height:.86;letter-spacing:-.065em}.account-hero h1 em{color:var(--orange);font-style:normal}.account-hero>span{color:var(--muted);font-size:1rem}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:52px}.settings-card{padding:30px;background:linear-gradient(145deg,#211129e8,#100814e8);border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 70px #0005}.settings-card h2{margin:4px 0 10px;font-size:1.75rem}.settings-card>p{min-height:48px;margin:0 0 24px;color:var(--muted);line-height:1.55}
form{display:grid;gap:15px}label{display:grid;gap:7px}label span{font-size:.74rem;font-weight:850}input{width:100%;min-height:50px;padding:0 14px;color:var(--ink);background:#0b0610;border:1px solid #ffffff2b;border-radius:12px;outline:none}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ffa80020}small{color:var(--muted);font-size:.67rem}
button{min-height:48px;padding:0 18px;border:1px solid #130817;border-radius:11px;color:#150919;background:var(--orange);box-shadow:0 12px 26px #0007;cursor:pointer;font-weight:900}button:disabled{opacity:.55;cursor:wait}.form-message{min-height:20px;margin:0;color:var(--danger);font-size:.74rem}.form-message.is-success{color:var(--mint)}
.security-state{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid #ffffff18;border-radius:13px;background:#08040c99;color:var(--muted);font-size:.8rem}.security-state i{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px var(--orange)}
.security-state.is-active{color:#cafff8;border-color:#65ded255;background:#65ded20d}.security-state.is-active i{background:var(--mint);box-shadow:0 0 16px var(--mint)}
.secondary-toggle{width:100%;margin-top:14px;color:var(--ink);background:#ffffff08;border-color:#ffffff24}
.two-factor-setup,.recovery-codes,.delete-requirement{margin-top:16px;padding:17px;background:#08040c99;border:1px solid #ffffff1c;border-radius:15px}
.two-factor-setup>p,.recovery-codes>p,.delete-requirement{color:var(--muted);font-size:.75rem;line-height:1.55}
.authenticator-qr{display:grid;width:220px;max-width:100%;margin:0 auto 16px;overflow:hidden;place-items:center;background:#fff;border:8px solid #fff;border-radius:18px;box-shadow:0 18px 45px #0008}.authenticator-qr canvas{display:block;width:100%;height:auto}
.two-factor-setup code{display:block;overflow-wrap:anywhere;margin:10px 0 16px;padding:12px;color:var(--orange);background:#050207;border:1px solid #ffa80044;border-radius:10px;font-size:.78rem;letter-spacing:.08em;text-align:center}
.recovery-codes strong{color:var(--orange)}.recovery-codes pre{margin:12px 0 0;padding:15px;color:var(--ink);background:#050207;border:1px solid #ffffff1c;border-radius:12px;font:800 .85rem/1.65 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-align:center}
.danger-card{border-color:#ff667544}.danger-toggle{color:#ffe8e8;background:#3a1720;border-color:#a33c4c}.danger-card form{margin-top:20px;padding-top:20px;border-top:1px solid #ff667533}.delete-submit{color:white;background:#a42e42;border-color:#e9586a}
.avatar-editor{display:grid;grid-template-columns:92px 1fr;gap:13px;margin-bottom:20px;padding:14px;background:#08040c99;border:1px solid #ffffff1c;border-radius:15px}.avatar-preview{position:relative;width:88px;height:88px;overflow:hidden;background:linear-gradient(145deg,#ffa800,#692e73);border:2px solid var(--orange);border-radius:50%;box-shadow:0 14px 34px #0009}.avatar-preview img{width:100%;height:100%;object-fit:cover;animation:avatarBreath 7s ease-in-out infinite}.avatar-preview span{display:grid;width:100%;height:100%;place-items:center;color:#160a18;font:950 2.2rem "Arial Black"}.avatar-pick{display:grid;min-height:48px;padding:0 14px;place-items:center;align-self:center;background:#ffffff08;border:1px dashed #ffa80099;border-radius:11px;cursor:pointer;text-align:center}.avatar-pick input{position:absolute;width:1px;height:1px;opacity:0}.avatar-crop{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.avatar-crop[hidden]{display:none}.avatar-crop canvas{grid-column:1/-1;width:min(360px,100%);aspect-ratio:1;margin:auto;border-radius:18px}.avatar-crop button{grid-column:1/-1}.avatar-editor>.form-message{grid-column:1/-1}@keyframes avatarBreath{0%,100%{transform:scale(1.02)}50%{transform:scale(1.1)}}button,.back-link{color:#fff;text-shadow:0 2px 2px #000,0 4px 10px #000c}.public-header .juhu-language-switch button{color:#f8f1e8;text-shadow:none}.public-header .juhu-language-switch button.is-active{color:#130817}
@media(max-width:760px){.account-header{min-height:70px;padding:10px 14px}.account-logo span{width:66px;height:36px;font-size:.83rem}.account-logo b{width:62px;height:32px;font-size:.79rem}.back-link{max-width:145px;padding:9px;font-size:.65rem;text-align:center}main{padding-top:40px}.settings-grid{grid-template-columns:1fr;margin-top:36px}.settings-card{padding:23px 18px}.settings-card>p{min-height:0}.account-hero h1{font-size:clamp(3.2rem,16vw,5rem)}}
html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0;height:0}
body.is-embedded{min-height:auto;background:transparent}.is-embedded .juhu-language-switch{display:none!important}.is-embedded main{width:100%;max-width:760px;margin:0 auto;padding:14px}.is-embedded .account-hero{display:none}.is-embedded .settings-grid{gap:12px;margin-top:0}.is-embedded .settings-card{padding:18px;box-shadow:none}.is-embedded .settings-card h2{font-size:1.35rem}.is-embedded .settings-card p{font-size:.78rem;line-height:1.5}.is-embedded .form-grid{gap:10px}.is-embedded input,.is-embedded button{min-height:44px}
