/* Keep hidden auth forms and panels genuinely hidden. */
.account-page [hidden]{display:none!important}
/* ZAI Films — V23 customer accounts */
.header-account{display:inline-flex;align-items:center;gap:9px;color:#d4d0cd;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;transition:color .2s}
.header-account:hover{color:#f58216}.header-account svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;flex:none}
.account-page{margin:0;min-height:100vh;background:#070809;color:#f4f1eb}
.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);min-height:calc(100vh - 84px);margin-top:84px}
.account-visual{position:relative;min-height:670px;overflow:hidden;background:#111214}
.account-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,9,.35),rgba(7,8,9,.15)),linear-gradient(0deg,#070809,transparent 74%),url('assets/ol-higue-still.webp') 58% 40%/cover no-repeat;filter:saturate(.65)}
.account-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07080914,transparent),radial-gradient(circle at 80% 68%,#f582162b,transparent 46%)}
.account-visual-copy{position:absolute;z-index:2;left:clamp(26px,6vw,100px);right:40px;bottom:clamp(65px,9vw,140px)}
.account-eyebrow{color:#f58216;font-size:11px;letter-spacing:.23em;font-weight:800;text-transform:uppercase}
.account-visual h1{font-family:'DM Sans',Manrope,sans-serif;font-size:clamp(50px,5.2vw,92px);line-height:.98;letter-spacing:-.065em;max-width:750px;margin:28px 0}
.account-visual h1 em{color:#f58216;font-family:Georgia,serif;font-weight:400}
.account-visual p:last-child{color:#d6d0c7;line-height:1.9;font-size:14px;max-width:440px}
.account-form-wrap{display:flex;align-items:center;justify-content:center;padding:85px clamp(22px,5vw,82px)}
.account-panel{width:min(100%,470px)}.account-panel h1{font-size:clamp(33px,3.4vw,49px);letter-spacing:-.055em;line-height:1.12;margin:14px 0}
.account-panel .account-subtitle{color:#aaa8a4;font-size:13px;line-height:1.85;margin:0 0 34px}
.account-tabs{display:flex;border-bottom:1px solid #ffffff2b;margin:0 0 30px;gap:28px}
.account-tabs a{display:block;padding:0 0 15px;font-weight:800;font-size:12px;color:#9e9d9b;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid transparent}
.account-tabs a.active{border-color:#f58216;color:#fff}
.account-form{display:grid;gap:19px}.account-field{display:grid;gap:9px}.account-field label{font-size:12px;font-weight:750;color:#f1eeeb}
.account-field input{width:100%;height:54px;border:1px solid #454648;background:#101113;color:#f5f2ed;padding:0 16px;font:inherit;font-size:14px;outline:0;border-radius:0}
.account-field input:focus{border-color:#f58216;box-shadow:0 0 0 1px #f5821633}
.account-field input::placeholder{color:#77797b}.account-help{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#aaa8a6;font-size:12px}
.account-help a,.account-inline-link{color:#f58216;font-size:12px;font-weight:800}.account-submit{width:100%;min-height:54px;border:0;background:#f58216;color:#111;font-weight:850;letter-spacing:.02em;font-size:13px}.account-submit:hover{background:#ff9c38}
.account-submit:disabled{opacity:.65;cursor:wait}.account-notice{padding:13px 15px;margin:18px 0;color:#e2d6c7;font-size:12px;line-height:1.7;border:1px solid #ffffff24;background:#ffffff08}.account-notice[hidden]{display:none!important}.account-notice[data-kind="error"]{border-color:#ce694b;color:#ffe5df;background:#a13b2424}.account-notice[data-kind="success"]{border-color:#6c9869;color:#def3dc;background:#2e562d2b}
.account-legal{font-size:11px;line-height:1.8;color:#a19f9c;margin:28px 0 0}.account-legal a{color:#e4c3a6;text-decoration:underline;text-underline-offset:4px}
.account-config-msg{padding:22px;border:1px solid #f582165b;background:#21180d;color:#f0d7bd;font-size:13px;line-height:1.8}.account-config-msg[hidden]{display:none!important}
.account-dashboard{min-height:calc(100vh - 84px);padding:clamp(52px,6vw,100px) clamp(23px,7vw,130px);margin-top:84px;max-width:1500px;margin-inline:auto}
.account-dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;padding-bottom:35px;border-bottom:1px solid #ffffff30}
.account-dashboard h1{font-size:clamp(45px,5.5vw,75px);line-height:1;letter-spacing:-.06em;margin:18px 0}.account-dashboard-header p:not(.account-eyebrow){font-size:13px;line-height:1.8;color:#aaa8a6;max-width:600px}
.account-outline{border:1px solid #ffffff55;background:none;color:white;padding:13px 20px;font-size:12px;font-weight:800;cursor:pointer}.account-outline:hover{border-color:#f58216;color:#f58216}
.account-card-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:22px;margin-top:36px}.account-card{border:1px solid #ffffff21;background:#111214;padding:clamp(25px,3vw,40px)}.account-card h2{font-size:23px;letter-spacing:-.03em;margin:0 0 10px}.account-card p{color:#a9a7a3;font-size:13px;line-height:1.9}.account-card small{font-size:10px;letter-spacing:.13em;color:#f58216;font-weight:800}.account-card a.button{margin-top:20px}
.account-ident{font-size:14px!important;overflow-wrap:anywhere;color:#f5f2ee!important;margin:16px 0}.account-status{border-top:1px solid #ffffff25;margin-top:24px;padding-top:20px;font-size:11px;color:#b8b5b0}
.account-back{margin-top:30px;font-size:12px;color:#f58216;font-weight:800;display:inline-block}
.account-recovery-layout{margin:84px auto 0;min-height:calc(100vh - 84px);max-width:650px;padding:110px 24px}.account-recovery-layout .account-panel{margin:auto}
@media(max-width:1200px){.header-account{font-size:0;gap:0}.header-account span{display:none}.header-account svg{width:20px;height:20px}}
@media(max-width:780px){.account-layout{grid-template-columns:1fr;min-height:0;margin-top:72px}.account-visual{min-height:260px}.account-visual:before{background-position:center 40%}.account-visual-copy{bottom:24px;left:24px}.account-visual h1{font-size:42px;margin:12px 0}.account-visual p:last-child{display:none}.account-form-wrap{padding:48px 24px 75px}.account-dashboard,.account-recovery-layout{margin-top:72px}.account-card-grid{grid-template-columns:1fr}.account-recovery-layout{padding-top:70px}.header-account{padding:6px}}
@media(max-width:390px){.header-account svg{width:19px;height:19px}.header-actions{gap:0}.account-panel h1{font-size:36px}.account-visual h1{font-size:39px}}