:root{--gold:#e5cda0;--surface:#0b1a24;--cream:#f6f0e5;--line:#ffffff3d;--muted:#d1d9d7;--navy:#f6f0e5;--red:#cba365}
html{scroll-padding-top:80px}body{position:relative;min-height:100svh;background:#08151d;color:var(--cream);isolation:isolate}
body:before{content:"";position:fixed;inset:-4%;z-index:-2;background:url('/assets/fashion-studio.webp') center/cover no-repeat;transform:scale(1.04)}
body[data-page="complaints"]:before{background-image:url('/assets/auto-studio.webp')}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06131bdd 0%,#06131b80 40%,#06131bef 100%),linear-gradient(90deg,#06131bb5,transparent)}
.customer-header{position:sticky;top:0;z-index:20;background:#071820d9;border-bottom:1px solid #ffffff38;backdrop-filter:blur(16px);padding:12px max(20px,calc((100vw - 1200px)/2))}
.customer-brand{color:#fff;gap:10px}.customer-brand img{border-radius:50%;width:42px;height:42px}.customer-brand small{color:#dbcaa8}.customer-header nav{color:#f5e9d2}.customer-header nav a:hover{color:#fff;text-decoration:underline}
.customer-layout{position:relative;min-height:calc(100svh - 125px);padding-top:40px;max-width:1220px}.eyebrow{color:var(--gold);letter-spacing:.1em}.muted{color:#cbd4d2}
.auth-panel{position:relative;max-width:510px;margin:clamp(20px,8vh,95px) auto;padding:clamp(24px,4vw,46px);background:#0b1b25c7;border:1px solid #f0d9af88;color:#f7f0e7;border-radius:20px;box-shadow:0 35px 90px #000b,0 0 60px #dfc39325;backdrop-filter:blur(22px);transform:perspective(1000px) translateZ(22px);animation:approach .65s both}
.auth-panel:before{content:"ELVA";position:absolute;left:25px;top:12px;font:13px Georgia,serif;letter-spacing:.18em;color:#e1cda3;direction:ltr}.auth-panel h1{font-size:clamp(30px,4vw,48px);margin:16px 0;line-height:1.3;color:#fff}.auth-panel .muted{font-size:13px;line-height:2}
.auth-panel form{margin:24px 0 10px;gap:11px}.auth-panel label,.form-grid label{color:#e7e2d8}.auth-panel input,.form-grid input,.form-grid textarea{background:#f8f7f3;color:#1b2931;border:1px solid #fff7;border-radius:10px;min-height:47px;outline:0}.auth-panel input:focus,.form-grid input:focus,.form-grid textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.primary{background:#e5cda0;color:#14232b;border-radius:99px;padding:12px 23px;box-shadow:0 12px 25px #0005}.primary:hover{background:#ffe3af}.auth-panel .primary{width:100%}
.welcome{background:#0c1d27b9;border:1px solid #ffffff75;border-radius:22px;box-shadow:0 22px 55px #0007;backdrop-filter:blur(14px);padding:clamp(27px,4vw,50px);min-height:205px;transform:perspective(1100px) rotateY(-1deg);animation:approach .65s both}.welcome .eyebrow{color:var(--gold)}.welcome h1{color:#fff;font-size:clamp(34px,5vw,62px);line-height:1.3;margin:5px 0}.welcome p:last-child{color:#dce1db;max-width:730px;line-height:2}.light-button{background:#ecd5a9;color:#17252c;border-radius:99px;padding:12px 20px}.light-button:hover{background:#ffe8b9}
.account-nav,.customer-card{background:#0b1b25cf;border:1px solid #ffffff52;border-radius:18px;color:#f8f3eb;backdrop-filter:blur(18px);box-shadow:0 18px 45px #0006}
.account-nav a,.account-nav button{color:#f4eadd}.account-nav a:hover,.account-nav button:hover,.account-nav a:focus-visible{background:#ffffff27}.account-nav button{color:#f5b6a8}.account-nav{top:87px}
.customer-card{padding:clamp(20px,3vw,32px);transition:transform .35s,box-shadow .35s}.customer-card:hover{transform:perspective(900px) translateZ(9px);box-shadow:0 25px 65px #0008}.customer-card h2,.support-card h2{color:#fff}.section-top a{color:#e7d1a5}.summary-grid>div{background:#ffffff12;border:1px solid #ffffff27}.summary-grid span,.record span{color:#c9d1cf}.sync-state{background:#105e47aa;color:#d4f8e8}.sync-state.pending{background:#80632188;color:#fff0c8}
.subtle-button{background:#ffffff17;color:#fff;border:1px solid #ffffff78;border-radius:99px}.subtle-button:hover{background:#ffffff31}.record{border-color:#ffffff3a;background:#ffffff0b}.record-status{color:#b4f2d5!important}.record-status.pending{color:#ffe4a3!important}
.support-card{background:#17252bd6;border:1px solid #f1d8a17c;backdrop-filter:blur(15px)}.support-card p{color:#d7ded8}.feedback{color:#b8f0d4}.feedback.error,.page-error{color:#ffd2cb}.page-error{background:#713438a8;border:1px solid #faadad70}
footer{position:relative;background:#07141bc7;color:#d0d8d4;border-top:1px solid #ffffff2c}
@keyframes approach{from{opacity:0;transform:perspective(1000px) translateZ(-90px) translateY(18px)}to{opacity:1;transform:perspective(1000px) translateZ(0)}}
@media(max-width:780px){body:before{background-position:62% center}.customer-header{padding:9px 13px}.customer-brand{font-size:20px}.customer-brand img{width:36px;height:36px}.customer-brand small{font-size:9px}.customer-header nav{gap:12px;font-size:11px}.customer-layout{padding:24px 13px 60px}.auth-panel{margin:20px auto;padding:29px 22px}.welcome{transform:none;padding:24px;min-height:0}.welcome h1{font-size:34px}.account-nav{position:static;overflow-x:auto;scroll-snap-type:x proximity}.account-nav a,.account-nav button{scroll-snap-align:start}.support-layout{display:grid;grid-template-columns:1fr;gap:15px}.customer-card{margin-bottom:16px}.customer-card:hover{transform:none}.summary-grid{grid-template-columns:1fr}}
@media(max-width:520px){.auth-panel{margin:18px auto;padding:25px 19px}.auth-panel h1{font-size:31px}.auth-panel form{margin:18px 0 10px}.customer-brand small{display:none}.welcome h1{font-size:31px}.welcome p:last-child{font-size:12px}.customer-card{padding:19px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.record{display:grid}.support-card{padding:20px}.support-card h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.auth-panel,.welcome,.customer-card{animation:none!important;transform:none!important;transition:none!important}html{scroll-behavior:auto!important}}