.auth-page{min-height:100vh;background:#f6f4ef}.auth-shell{width:min(1080px,calc(100% - 32px));margin:42px auto;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px rgba(27,30,29,.12)}.auth-aside{background:#292e2c;color:#fff;padding:55px;position:relative;overflow:hidden}.auth-aside:after{content:"";position:absolute;width:320px;height:320px;border:55px solid rgba(244,166,35,.13);border-radius:50%;bottom:-150px;right:-140px}.auth-logo{display:block;background:#fff;border-radius:10px;width:180px;height:70px;overflow:hidden;position:relative}.auth-logo img{position:absolute;width:390px;left:50%;top:50%;transform:translate(-50%,-57%)}.auth-aside h1{font:800 42px/1.1 "Manrope";letter-spacing:-.04em;margin:60px 0 18px}.auth-aside p{color:#c9cfcc;line-height:1.7}.member-benefits{display:grid;gap:16px;margin-top:38px}.member-benefits div{display:flex;gap:12px;align-items:center;font-size:13px}.member-benefits span{width:34px;height:34px;background:rgba(255,255,255,.08);display:grid;place-items:center;border-radius:50%}.auth-main{padding:55px 65px}.back-link{color:var(--muted);font-size:11px;text-decoration:none}.auth-main h2{font:800 34px "Manrope";letter-spacing:-.035em;margin:38px 0 7px}.auth-intro{color:var(--muted);font-size:13px;margin-bottom:28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:26px}.auth-tabs a{padding:13px;text-align:center;color:var(--muted);text-decoration:none;font-size:12px;font-weight:800}.auth-tabs a.active{color:var(--ink);border-bottom:2px solid #f4a623}.auth-form{display:grid;gap:15px}.auth-form label{font-size:11px;font-weight:800}.auth-form input{display:block;width:100%;height:48px;border:1px solid #dcd9d1;border-radius:8px;margin-top:7px;padding:0 13px;font:13px "DM Sans";outline:none}.auth-form input:focus{border-color:#a56d12;box-shadow:0 0 0 3px rgba(244,166,35,.12)}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-check{display:flex;align-items:flex-start;gap:8px;font-size:10px!important;line-height:1.5;color:var(--muted)}.form-check input{width:15px;height:15px;margin:0;flex:none}.auth-submit{height:50px;border:0;border-radius:8px;background:#292e2c;color:#fff;font:800 12px "DM Sans";cursor:pointer}.auth-submit:hover{background:#b77611}.auth-note{text-align:center;color:var(--muted);font-size:10px;line-height:1.55;margin-top:18px}.auth-note a{color:var(--ink);font-weight:800}.form-message{display:none;padding:12px;border-radius:8px;font-size:11px}.form-message.show{display:block}.form-message.error{background:#fff0ed;color:#a43b2a}.form-message.success{background:#e9f4ec;color:#27643a}.account-layout{width:min(1180px,calc(100% - 40px));margin:34px auto 70px;display:grid;grid-template-columns:260px 1fr;gap:25px}.account-sidebar,.account-panel{background:#fff;border:1px solid var(--line);border-radius:16px}.account-sidebar{padding:22px;height:max-content}.member-avatar{width:54px;height:54px;border-radius:50%;background:#f4a623;display:grid;place-items:center;font:800 22px "Manrope"}.account-sidebar h3{margin:13px 0 3px}.account-sidebar p{margin:0 0 22px;font-size:11px;color:var(--muted)}.account-menu{display:grid;gap:5px}.account-menu button,.account-menu a{border:0;background:none;text-align:left;padding:12px;border-radius:7px;font:700 11px "DM Sans";color:var(--ink);text-decoration:none;cursor:pointer}.account-menu .active{background:#f4f1e9}.account-panel{padding:35px}.account-panel h1{font:800 31px "Manrope";margin:0 0 7px}.account-panel>p{font-size:12px;color:var(--muted)}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:30px}.dashboard-card{border:1px solid var(--line);border-radius:12px;padding:20px}.dashboard-card span{font-size:25px}.dashboard-card b,.dashboard-card small{display:block}.dashboard-card b{margin-top:20px;font-size:13px}.dashboard-card small{color:var(--muted);margin-top:5px;font-size:10px}.empty-orders{text-align:center;background:#faf9f6;border-radius:12px;padding:45px;margin-top:28px}.empty-orders span{font-size:42px}.empty-orders a{display:inline-block;background:#292e2c;color:#fff;text-decoration:none;padding:12px 16px;border-radius:8px;font-size:11px;font-weight:800;margin-top:10px}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr;margin:16px auto}.auth-aside{padding:30px}.auth-aside h1{font-size:31px;margin:30px 0 10px}.member-benefits{display:none}.auth-main{padding:35px 28px}.account-layout{grid-template-columns:1fr}.account-sidebar{display:flex;align-items:center;gap:13px}.account-sidebar h3{margin:0}.account-sidebar p{margin:3px 0}.account-menu{margin-left:auto}.account-menu button:not(#logoutBtn),.account-menu a{display:none}.dashboard-cards{grid-template-columns:1fr}}
@media(max-width:500px){.auth-row{grid-template-columns:1fr}.auth-main h2{margin-top:28px}.auth-aside p{font-size:12px}.account-layout{width:calc(100% - 24px)}.account-panel{padding:24px}}

/* Black Edition member experience */
.auth-page{background:#050505}.auth-shell{background:#111;box-shadow:0 30px 100px rgba(0,0,0,.7);border:1px solid #292929}.auth-aside{background:radial-gradient(circle at 15% 90%,rgba(182,109,255,.28),transparent 34%),#0b0b0b}.auth-aside:after{border-color:rgba(41,230,209,.15)}.auth-main{background:#111;color:#fff}.back-link,.auth-intro,.auth-note{color:#999}.auth-tabs{border-color:#303030}.auth-tabs a.active{color:#fff;border-color:#ffb800}.auth-form input{background:#191919;border-color:#333;color:#fff}.auth-form input:focus{border-color:#ffb800}.auth-submit{background:#ffb800;color:#090909}.auth-submit:hover{background:#29e6d1}.auth-note a{color:#ffb800}.form-message.error{background:#391c22;color:#ff9eaa}.form-message.success{background:#15352e;color:#76efd7}.account-sidebar,.account-panel{background:#111;border-color:#303030}.member-avatar{background:#b66dff;color:#090909}.account-menu button,.account-menu a{color:#ddd}.account-menu .active{background:#222}.dashboard-card{border-color:#333;background:#161616}.empty-orders{background:#171717}.empty-orders a{background:#ffb800;color:#090909}
