/* Member UI: mobile uses the supplied app references; desktop uses the XO site's airy palette. */
:root{--bg:#05060b;--panel:#151720;--panel2:#20232f;--line:#303446;--gold:#4f79ff;--gold2:#b39bff;--text:#f7f8fc;--muted:#a5a9ba;--green:#26d7b4;--red:#ff718a;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans TC",Arial,sans-serif;color:var(--text);background:var(--bg)}
html{background:#05060b}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font-family:inherit}button{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[data-route]:focus-visible{outline:2px solid #74afff;outline-offset:2px}
html,body,.app-shell,.sheet,.modal{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,.app-shell::-webkit-scrollbar,.sheet::-webkit-scrollbar,.modal::-webkit-scrollbar{display:none;width:0;height:0}
.app-shell{max-width:600px;background:var(--bg);box-shadow:none}.screen{background:var(--bg)}.content{padding:20px 20px 100px}.page-screen .content{padding-bottom:38px}
.brand-mark{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border:2px solid transparent;border-radius:12px;background:linear-gradient(#0b0c13,#0b0c13) padding-box,linear-gradient(135deg,#64dcff,#b286ff 54%,#ff9fc7) border-box;color:#fff;font-size:20px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-3px;padding-right:3px;transform:rotate(-7deg)}
.site-header,.page-header{height:70px;top:0;background:#05060bf2;border-bottom:1px solid #252939;color:#f7f8fc;font-family:inherit;font-size:16px;letter-spacing:.02em;text-shadow:none}.site-header{gap:10px;font-size:19px;font-weight:800;letter-spacing:-.025em}.site-header .brand-mark{margin-right:2px}.page-header{font-size:17px}.header-back{top:17px;color:#6a91ff}.header-back .icon{filter:brightness(0) invert(100%)}.header-side{top:16px;right:18px}.gear{border:1px solid #353949;background:#191c2b;border-radius:50%}.header-side button{color:#a7b9ff}
.icon{filter:brightness(0) invert(100%)}.icon.muted,.nav-item .icon{filter:brightness(0) invert(68%)}
.bottom-nav{height:68px;background:#090a10f5;border-top:1px solid #252938;box-shadow:0 -12px 32px #0009}.nav-item{gap:5px;color:#8d92a6;font-size:10px;font-weight:600}.nav-item .icon{width:24px;height:24px}.nav-item.active{color:#91afff;background:transparent}.nav-item.active .icon{filter:brightness(0) saturate(100%) invert(48%) sepia(94%) saturate(1378%) hue-rotate(205deg) brightness(101%) contrast(101%)}
.section-label{font-size:11px;letter-spacing:.16em;color:#959bad;font-weight:800;margin:28px 0 12px}.small-label,.gold{color:#7ea9ff}.muted{color:var(--muted)}.green{color:#31dbc0}.red{color:#ff718a}
.panel{background:#151720;border:1px solid #303446;border-radius:20px;box-shadow:0 12px 32px #0003}.gold-panel{background:radial-gradient(circle at 90% 0,#283a73 0,#1b2140 30%,#151720 75%);border-color:#4b5a8e;box-shadow:0 18px 45px #080e2f66}.primary,.secondary,.outline{border-radius:999px;min-height:49px;padding:0 20px;font-size:14px;border:1px solid #4e68d8}.primary{background:linear-gradient(105deg,#335dff,#4774ff 52%,#9168ff);color:#fff;box-shadow:0 10px 25px #315dff4a}.secondary{background:#252a41;color:#eef2ff;border-color:#414b7c}.outline{background:transparent;color:#93aaff;border-color:#5275ff}.pill{border:1px solid #5267ba;background:#22294b;color:#b6c5ff;border-radius:999px}.status{border-color:#195c54;background:#0e3430;color:#5de2ca}.filter{background:#171a25;border-color:#343a51;color:#aeb4c5}.filter.active{background:#24366b;border-color:#5e7dff;color:#c4d1ff}.choice-grid button.active,.choice-pills button.active{background:#273b80;border-color:#6586ff;color:#fff}
.home-intro{padding:14px 0 8px}.eyebrow{display:block;color:#8f9fff;font-size:11px;letter-spacing:.2em;font-weight:800}.home-intro h1{font-size:clamp(32px,8vw,48px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 12px;max-width:680px}.home-intro em,.auth-story em{font-style:normal;background:linear-gradient(100deg,#49ccf7,#9d79ff 55%,#f89dc6);background-clip:text;-webkit-background-clip:text;color:transparent}.home-intro p{color:#aeb2c3;margin:0 0 20px;line-height:1.5;font-size:14px}.home-card{padding:25px 22px 20px}.home-card .greeting{color:#b7c2e6;font-size:13px}.home-card .member{font-size:28px;margin:7px 0 28px;letter-spacing:-.035em}.home-card .balance-caption{color:#b6bdd1}.home-card .balance{color:#fff;text-shadow:none;font-size:clamp(36px,8vw,48px);font-variant-numeric:tabular-nums}.home-card .balance span{color:#9fb5ff}.home-card .actions{border-color:#47557c}.home-card .actions button{display:flex;align-items:center;justify-content:center;gap:8px}.home-badge{background:#2c3260;color:#c9d3ff;border-color:#6262a5;padding:8px 12px}.feature{height:165px;padding:25px;background:radial-gradient(circle at 89% 19%,#a97bff55,transparent 30%),radial-gradient(circle at 25% 100%,#3ba7f655,transparent 55%),linear-gradient(125deg,#15182c,#242042);border-color:#4d568a;cursor:pointer}.feature::after{border-color:#8a92ff44;box-shadow:0 0 0 30px #6988ff0a,0 0 0 60px #6988ff0a}.feature strong{font-size:24px;margin:10px 0 5px}.feature small{color:#d4d8f7}.feature-dot{background:#454958}.feature-dot.active{background:#5580ff}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}.quick-item{width:auto;min-height:90px;border:1px solid #343a54;background:#1d2132;border-radius:15px;color:#d5dbec;display:flex;justify-content:center;align-items:center;padding:9px;cursor:pointer}.quick-item .icon{filter:brightness(0) saturate(100%) invert(74%) sepia(21%) saturate(1824%) hue-rotate(189deg)}.announcement{color:#cdd2df}.success-head{color:#96aaff}.success-name{color:#cad7ff}.success-row{border-color:#303446}.success-panel{padding:12px 18px}.live{background:#482032;color:#ff8a9e;border-radius:999px;padding:4px 8px}.aside-note{display:none}
.search-bar{height:50px;background:#171a26;border-color:#363b52;border-radius:999px}.search-bar input{color:#fff;font-size:14px}.region-btn{top:18px;border-radius:999px;background:#21294b;border-color:#5573d8;color:#a5bbff}.profile-card{background:#151720;border-color:#303446;border-radius:18px}.profile-card .photo{border-radius:13px}.profile-card .id{border-color:#566ad1;color:#a3b8ff}.profile-card .facts span,.detail-tags span{background:#1f2b53;border-color:#455dbe;color:#b9cbff}.stars,.profile-card .hobbies b{color:#9db1ff}.detail-section h3{color:#a9b9ff;border-color:#526dff}.locked{border-color:#4f5c8d;background:#151a2c}.play-circle{background:linear-gradient(135deg,#4b7bff,#ae78ff);border-color:#b8ccff}.video-card{border-color:#353d61;background:#151720;border-radius:16px}.video-vip{background:linear-gradient(105deg,#466bff,#aa73fb);color:#fff;border-radius:0 0 9px 0}.video-modal .progress span{background:#5079ff}
.cert-card,.member-card{background:radial-gradient(circle at 90% 0,#303c77,#171b32 55%,#151720);border-color:#4c5b9e}.cert-stats{background:#202743;border-color:#4d5d9e}.cert-stats>div+div{border-color:#4d5d9e}.cert-stats>div:last-child strong,.member-card .points strong{color:#d1dcff}.service-icon{background:#29356d;border-color:#4b6aff}.member-card .brand,.member-card .subbrand{color:#c7d3ff}.member-card .avatar{background:linear-gradient(135deg,#39c6f5,#536bff,#bf8dff);color:#fff}.member-card .points{border-color:#4b5c9c}.quick-action{background:#171a28;border-color:#313950;color:#c1c8dc}.profile-link{border-color:#2d3349}.profile-link .arrow{color:#829cff}.account-info .row{border-color:#2e3448}.logout{margin-bottom:95px}
.form-field label{color:#cdd2e0}.form-field input,.form-field select,.form-field textarea{height:49px;background:#11131c;border-color:#383e53;color:#f7f8fc;border-radius:14px}.form-field textarea{height:auto}.form-field input:focus,.auth-input:focus{border-color:#6386ff;box-shadow:0 0 0 4px #4568ff20}.form-panel h3,.modal h3,.sheet h3{color:#b8c8ff}.file-box{border-color:#5364a2}.notice{color:#aab7dc}.balance-panel strong,.balance-panel small,.vip-label{color:#adc0ff}.account-card button{color:#99b4ff}.link-row{background:#1a1e2b}.modal{background:linear-gradient(145deg,#202542,#11131d);border-color:#4a5b97}.sheet{background:#191d2b}.choice-grid button,.choice-pills button{background:#252a3a;border-color:#444e74;color:#d5daf0}.region-list li{border-color:#333a52}
.auth-layout{min-height:100dvh;background:#05060b}.auth-story{display:none}.auth-mobile-brand{padding:28px 26px 10px}.auth-wordmark{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.04em}.auth-wordmark .brand-mark{width:40px;height:40px}.auth-form-side{min-height:100dvh;padding-bottom:36px}.auth-card{width:calc(100% - 40px);max-width:440px;margin:32px auto 0;padding:0;background:none;border:0;box-shadow:none}.auth-card h2{font-size:34px;letter-spacing:-.04em;margin:12px 0 7px}.auth-card>p{font-size:14px;color:#a5a9ba;margin:0 0 28px}.auth-card .form-field{margin:0 0 17px}.auth-card .form-field label{font-size:13px;letter-spacing:0;color:#d6d9e4;margin:0 0 8px}.auth-card .form-field small{color:#8b90a0;font-weight:400}.auth-card .auth-input{height:54px;margin:0;border:1px solid #363b4c;background:#131620;border-radius:16px;color:#fff;font-size:15px}.auth-card .auth-input::placeholder{color:#858ba0}.password-field{position:relative}.password-field button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#9fb5ff;font-size:12px}.auth-options{margin:2px 0 22px!important;font-size:13px!important}.auth-options label{display:flex;gap:7px;align-items:center;color:#adb1c1!important;margin:0!important;letter-spacing:0!important;font-weight:400!important}.auth-options input{accent-color:#466dff}.auth-options button{color:#9eb5ff!important}.auth-card .primary{height:54px;margin:0!important;font-size:15px}.auth-card .primary span{margin-left:6px}.auth-switch{color:#aab0c1;text-align:center;margin:23px 0 0;font-size:14px}.auth-switch button,.auth-support{border:0;background:none;color:#9bb3ff;font-weight:700}.auth-support{display:block;margin:18px auto 0}.register-card{margin-top:28px}.register-card>p{margin-bottom:24px}.register-card .form-field{margin-bottom:13px}.register-card .auth-input{height:49px}
.app-shell.merchant-wide{max-width:none;background:#05060b}.merchant-page{background:#05060b;color:#f7f8fc}.merchant-banner{background:radial-gradient(circle at 50% 0,#283a7f,#151c39 55%,#111520);border-color:#5c73c8;box-shadow:0 15px 40px #07104188}.merchant-banner h1{background:linear-gradient(95deg,#55d6f5,#b69aff,#ff9bc4);-webkit-background-clip:text;background-clip:text}.merchant-progress{background:#39415b}.merchant-progress>div{background:linear-gradient(90deg,#3b78ff,#9b75ff)}.merchant-balance b,.merchant-state h2,.merchant-task-visual strong{color:#c6d5ff}.merchant-state{background:#151a2b;border-color:#465588}.merchant-order-card{background:#151a2b;border-color:#465588}.merchant-card-header>span,.merchant-info-row strong.gold{color:#a9bfff}.merchant-task-visual{background:#11182a;border-color:#3b4c82}.merchant-task-visual img,.merchant-task-visual>span{background:#222947}.merchant-main-btn,.merchant-blue-btn{background:#3c67ff;border-color:#3c67ff}.merchant-main-btn.complete{background:#36bfae}.merchant-bonus{color:#ff9ab2}.merchant-outline-btn{color:#ff9ab2;border-color:#ff9ab2}.merchant-state.locked{border-color:#ec7491}.merchant-state .merchant-lock-note{color:#ffadc0;background:#7b294045}.merchant-history>button,.merchant-history-item{background:#ffffff10}
.toast{background:#222b57!important;border-color:#6b83f5!important;color:#f0f4ff!important}
@media (max-width:899px){.app-shell{border:0!important}.home-aside{margin-top:0}.quick-grid{min-height:auto}.screen-profile>.page-header,.screen-activity>.page-header{font-size:21px}.screen-profile .member-card{margin-top:22px}.screen-discover #profile-list{display:block}.auth-layout{background:radial-gradient(circle at 92% 2%,#23337b77,transparent 34%),radial-gradient(circle at 15% 100%,#15468a55,transparent 40%),#05060b}}
@media (min-width:900px){
  :root{--bg:#fcfaff;--panel:#fff;--panel2:#f5f0fa;--line:#e9e3ef;--gold:#7138e8;--gold2:#d368bd;--text:#17141e;--muted:#6b6575;--green:#168a76;--red:#c93f68;background:#fcfaff;color:#17141e}
  html,body{background:#fcfaff;color:#17141e}.app-shell,.app-shell.merchant-wide{max-width:none;min-height:100dvh;background:linear-gradient(120deg,#fcfaff,#fbf3fb 55%,#f4f0ff);overflow:visible}.screen{min-height:100dvh;padding-top:76px;background:transparent;padding-bottom:70px}.content{max-width:1240px;margin:0 auto;padding:34px 32px 100px}
  .bottom-nav{position:fixed;top:0;bottom:auto;left:0;transform:none;width:100%;height:76px;background:#fffffff2;backdrop-filter:blur(20px);border-top:0;border-bottom:1px solid #ece6f2;box-shadow:0 4px 24px #8d6ea313;justify-content:flex-end;padding:0 max(28px,calc((100vw - 1240px)/2));gap:4px}.bottom-nav::before{content:'Amore Lune Club';margin-right:auto;align-self:center;font-size:23px;font-weight:850;letter-spacing:-.045em;background:linear-gradient(100deg,#392a66,#8e41d9 55%,#cd69b8);color:transparent;background-clip:text;-webkit-background-clip:text}.nav-item{flex:none;padding:0 17px;min-width:auto;color:#6d6775;font-size:13px;flex-direction:row;gap:9px;border-radius:999px;height:42px;align-self:center}.nav-item .icon{width:18px;height:18px;filter:brightness(0) invert(43%)}.nav-item.active{background:#f0e7ff;color:#6e35d7}.nav-item.active .icon{filter:brightness(0) saturate(100%) invert(34%) sepia(56%) saturate(3246%) hue-rotate(245deg)}
  .site-header,.page-header{position:relative;top:auto;height:76px;max-width:1240px;margin:0 auto;padding:0 32px;background:transparent;border:0;color:#21172e;justify-content:flex-start;font-size:28px;font-weight:800}.site-header .brand-mark{display:none}.header-side{top:19px;right:32px}.header-back{position:static;margin-right:20px;color:#7138e8}.header-back .icon{filter:brightness(0) saturate(100%) invert(36%) sepia(60%) saturate(2880%) hue-rotate(243deg)}.gear{background:#fff;border-color:#e8dff2}.gear .icon{filter:brightness(0) saturate(100%) invert(40%) sepia(56%) saturate(2320%) hue-rotate(242deg)}
  .section-label{color:#756a82}.small-label,.gold{color:#7138e8}.muted{color:#6b6575}.green{color:#168a76}.red{color:#c93f68}.icon{filter:brightness(0) saturate(100%) invert(35%) sepia(44%) saturate(1369%) hue-rotate(237deg)}
  .panel{background:#fff;border:1px solid #ebe4f1;border-radius:24px;box-shadow:0 18px 44px #71518b12}.gold-panel{background:radial-gradient(circle at 93% 10%,#e7d9ff,#faf3ff 40%,#fff 82%);border-color:#e4d7f2;box-shadow:0 25px 55px #8665aa22}.primary{background:linear-gradient(100deg,#7133e6,#a548db 72%,#cb66bc);border-color:transparent;color:#fff;box-shadow:0 10px 24px #853ce33e}.secondary{background:#fff;border-color:#d9c5ec;color:#6c34c8}.outline{border-color:#a66aeb;color:#7138e8}.pill{background:#f2e9ff;border-color:#dcc6f9;color:#6f35c8}.status{background:#e5f9f5;border-color:#beeae1;color:#128470}.filter{background:#fff;border-color:#e2d9e9;color:#736c7c}.filter.active{background:#f0e6ff;border-color:#a76de8;color:#7138e8}
  .home-intro{padding:50px 0 34px}.home-intro .eyebrow{color:#8056d1}.home-intro h1{font-size:clamp(54px,5.7vw,78px);max-width:880px;margin:15px 0 22px}.home-intro em{background-image:linear-gradient(95deg,#6831d7,#a53acb 57%,#df75b3)}.home-intro p{font-size:18px;color:#6e6575;max-width:640px}.home-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:30px;align-items:start}.home-main,.home-aside{min-width:0}.home-card{padding:36px 38px}.home-card .greeting,.home-card .balance-caption{color:#6c6577}.home-card .member{font-size:36px;color:#17141e}.home-card .balance{color:#312043;font-size:58px}.home-card .balance span{color:#895ab4}.home-card .actions{border-color:#e8dcf1;justify-content:flex-start;gap:12px}.home-card .actions button{flex:0 1 175px}.home-badge{background:#eee3fb;color:#773ace;border-color:#ddc8f1}.feature{height:220px;padding:34px;border:0;background:radial-gradient(circle at 83% 10%,#ffc8e6,transparent 30%),radial-gradient(circle at 14% 88%,#c9d8ff,transparent 46%),linear-gradient(120deg,#e8dcfc,#f8e9f4);color:#21142d}.feature::after{border-color:#a66ce844;box-shadow:0 0 0 36px #ae8ddd18,0 0 0 72px #ae8ddd13}.feature strong{font-size:35px}.feature small{color:#6c587e}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:17px}.quick-item{background:#f9f6fd;border-color:#eee6f6;color:#41384f;min-height:105px;font-size:12px}.quick-item .icon{filter:brightness(0) saturate(100%) invert(42%) sepia(45%) saturate(1632%) hue-rotate(239deg)}.announcement{color:#5e5668}.success-head{color:#7040bb}.success-name{color:#5834a8}.success-row{border-color:#eee6f3}.live{background:#ffeaf1;color:#d54f7f}.aside-note{display:block;margin-top:20px;padding:28px;background:linear-gradient(135deg,#eee8ff,#fceafb)}.aside-note>span{font-size:32px;color:#9d56df}.aside-note strong{display:block;font-size:19px;margin:10px 0;color:#30213f}.aside-note p{margin:0;color:#776b82;line-height:1.5;font-size:13px}
  .search-bar{background:#fff;border-color:#e5ddec;max-width:520px}.search-bar input{color:#21152d}.region-btn{top:20px;right:32px;background:#fff;border-color:#d9c3ef;color:#7236c9}.screen-discover #profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-card{margin:0;min-height:200px;background:#fff;border-color:#eee5f3}.profile-card .photo{width:130px;height:168px}.profile-card .id{border-color:#d7beee;color:#7d40c9}.profile-card .facts span,.detail-tags span{background:#f1e9fa;border-color:#e5d4f5;color:#6c3c9d}.stars,.profile-card .hobbies b{color:#8250c5}.detail-section h3{color:#743bd0;border-color:#a359dc}.detail-photo{max-width:660px;margin:auto;border-radius:20px;overflow:hidden}.detail-content{max-width:800px;margin:auto}.sticky-action{bottom:20px;width:min(600px,90%);background:transparent}.video-grid{max-width:1240px;margin:auto;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 32px}.video-card{background:#fff;border-color:#e8ddf0}.video-vip{background:linear-gradient(100deg,#7134da,#ca67bd)}
  .cert-card,.member-card{background:radial-gradient(circle at 85% 5%,#e3d6fb,#fff 70%);border-color:#e5d8ef}.cert-stats{background:#f5effb;border-color:#e5d6f4}.cert-stats>div+div{border-color:#e5d6f4}.cert-stats>div:last-child strong,.member-card .points strong{color:#6034a4}.service-card{max-width:830px;margin:14px auto}.service-icon{background:#f2e8ff;border-color:#dec8f1}.member-card{max-width:850px;margin:24px auto}.member-card .brand,.member-card .subbrand{color:#6c39b1}.member-card .points{border-color:#e5d7f1}.quick-actions{max-width:850px;margin:auto}.quick-action{background:#fff;border-color:#e9e1ef;color:#594d67}.profile-group,.account-info{max-width:850px;margin-left:auto;margin-right:auto}.profile-link,.account-info .row{border-color:#eee7f2}.logout{display:block;max-width:850px;margin-left:auto;margin-right:auto}.form-panel,.balance-panel,.account-card,.link-row{max-width:850px;margin-left:auto;margin-right:auto}.form-field label{color:#60566c}.form-field input,.form-field select,.form-field textarea{background:#fff;border-color:#e0d6e8;color:#201727}.modal{background:#fff;border-color:#dbc9e9}.modal h3,.sheet h3,.form-panel h3{color:#7138e8}.sheet{background:#fff}.choice-grid button,.choice-pills button{background:#f8f4fb;border-color:#e1d4eb;color:#584d62}.choice-grid button.active,.choice-pills button.active{background:#ede1fc;border-color:#a96be9;color:#7238d5}.notice{color:#716582}.balance-panel strong,.balance-panel small,.vip-label{color:#7438c8}.account-card button{color:#7438c8}.link-row{background:#fff}.region-list li{border-color:#e7dfed}
  .auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(480px,.9fr);background:#fcfaff}.auth-story{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:40px clamp(42px,6vw,110px);background:radial-gradient(circle at 78% 80%,#d8d5ff,transparent 30%),radial-gradient(circle at 35% 38%,#ffe6f3,transparent 43%),linear-gradient(140deg,#f9f4ff,#fff6fa);overflow:hidden}.auth-story .auth-wordmark{color:#2b2035}.auth-story .brand-mark{background:linear-gradient(#fcf6ff,#fcf6ff) padding-box,linear-gradient(135deg,#63cbf3,#9552d7,#e989bb) border-box;color:#7c47c6}.auth-story-body{max-width:630px}.auth-story-body .eyebrow{color:#8953cb}.auth-story h1{font-size:clamp(60px,5.3vw,92px);line-height:.99;letter-spacing:-.065em;margin:22px 0 28px;color:#19131f}.auth-story em{background-image:linear-gradient(100deg,#7133d7,#b34fc1,#ec82af)}.auth-story p{color:#716979;font-size:18px;line-height:1.7;max-width:480px}.auth-story-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.auth-story-chips span{background:#ffffffa8;border:1px solid #e8dcf2;border-radius:999px;padding:9px 13px;color:#644878;font-size:12px}.auth-story-foot{color:#9c90a7;font-size:10px;letter-spacing:.18em}.auth-mobile-brand{display:none}.auth-form-side{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#fff;padding:42px}.auth-card{max-width:455px;margin:0;padding:0;background:none;border:0;box-shadow:none}.auth-card h2{color:#211526;font-size:36px}.auth-card>p{color:#756c7d}.auth-card .eyebrow{color:#8b4cc6}.auth-card .form-field label{color:#554d5e}.auth-card .auth-input{background:#fcfaff;border-color:#e5ddea;color:#211827}.auth-card .auth-input::placeholder{color:#aaa3b2}.auth-options label{color:#756d7e!important}.auth-options button,.auth-switch button,.auth-support,.password-field button{color:#753bd5!important}.auth-switch{color:#796f80}.register-card .form-field{margin-bottom:12px}.register-card>p{margin-bottom:18px}
  .app-shell.merchant-wide{background:linear-gradient(120deg,#fcfaff,#f8f0fb)}.merchant-page{background:transparent;color:#211729;min-height:calc(100dvh - 76px)}.merchant-banner{max-width:1170px;margin:18px auto 30px;background:radial-gradient(circle at 82% 12%,#e4d9ff,#fff 65%);border-color:#e6d6f4;box-shadow:0 18px 40px #704e9420}.merchant-banner h1{background:linear-gradient(90deg,#6331d9,#c866bd);-webkit-background-clip:text;background-clip:text}.merchant-progress{background:#e5dcec}.merchant-progress>div{background:linear-gradient(90deg,#7134e8,#d16abd)}.merchant-balance,.merchant-count{color:#6f6779}.merchant-balance b,.merchant-state h2,.merchant-task-visual strong{color:#6034a8}.merchant-content{max-width:1200px;margin:auto}.merchant-state,.merchant-order-card{background:#fff;border-color:#e8dcf1}.merchant-state p,.merchant-info-row>span{color:#70677a}.merchant-card-header{border-color:#ede3f2}.merchant-card-header>span,.merchant-info-row strong.gold{color:#7339c8}.merchant-info-row strong{color:#2e2437}.merchant-task-visual{background:#faf7fd;border-color:#e8dff2}.merchant-task-visual>span{background:#f2e9fa}.merchant-task-visual p{color:#736b7d}.merchant-main-btn,.merchant-blue-btn{background:#733ae5;border-color:#733ae5}.merchant-main-btn.complete{background:#169b85}.merchant-history>button,.merchant-history-item{background:#fff;color:#6c6477;border:1px solid #e8dff0}.merchant-history-item small{color:#898090}.merchant-bonus{color:#bd467b}.merchant-outline-btn{color:#be467b;border-color:#cf78a5}.merchant-state.locked{border-color:#dd8fac}.merchant-state .merchant-lock-note{color:#a1426c;background:#fff1f5}
}
@media (min-width:900px) and (max-width:1100px){.home-layout{grid-template-columns:1.3fr .9fr}.bottom-nav{padding:0 22px}.nav-item{padding:0 11px}.auth-layout{grid-template-columns:1fr 1fr}.auth-story{padding:34px 50px}}
/* Keep inner pages uncluttered on phones and give them the desktop navigation. */
@media(max-width:899px){.page-screen .bottom-nav{display:none}.merchant-positive{color:#a9bfff!important}.merchant-negative{color:#ff9ab2!important}.merchant-history>button{background:#191d2a;color:#c6cee1;border:1px solid #303a5a}.merchant-blue-btn,.merchant-main-btn{min-height:46px;min-width:160px;border-radius:999px;font-size:14px}.screen-discover .profile-card{display:block;padding:0;overflow:hidden}.screen-discover .profile-card .photo{width:100%;height:min(88vw,390px);border-radius:19px 19px 0 0}.screen-discover .profile-card .info{padding:15px 17px 18px}.screen-discover .profile-card h3{font-size:20px}.screen-discover .profile-card .about,.screen-discover .profile-card .hobbies{white-space:normal}.screen-profile .quick-action .icon{filter:brightness(0) saturate(100%) invert(62%) sepia(55%) saturate(2874%) hue-rotate(196deg) brightness(104%) contrast(100%)}}
 .profile-spark{font-size:31px;line-height:1;background:linear-gradient(135deg,#4dd9f7,#9985ff,#f29ac7);background-clip:text;-webkit-background-clip:text;color:transparent}
@media(min-width:900px){.screen-home .site-header{font-size:0}.screen-home .site-header::before{content:'Member dashboard';font-size:26px}.merchant-positive{color:#7438c8!important}.merchant-negative{color:#c94e78!important}}

/* Layout polish: keep cards aligned while their content changes after sign-in. */
.screen,.page-screen{min-width:0}.content,.home-main,.home-aside,.profile-card .info{min-width:0}
.panel,.merchant-state,.merchant-order-card{overflow-wrap:anywhere}
.primary,.secondary,.outline,.quick-action,.quick-item{white-space:normal;text-align:center}
.primary:disabled,.secondary:disabled,.outline:disabled{opacity:.52;cursor:wait;box-shadow:none}
.account-info .row{gap:14px}.account-info .row>span:last-child{text-align:right;overflow-wrap:anywhere}
.service-card>div{min-width:0;flex:1}.service-card small{display:block}
@media(max-width:899px){
  .page-screen .content>.panel,.page-screen .content>.form-panel,.page-screen .content>.balance-panel,.page-screen .content>.account-card,.page-screen .content>.link-row{margin-left:0!important;margin-right:0!important;width:100%}
  .page-screen .content>.stat-boxes{min-width:0}
  .page-screen .content>.stat-boxes .stat-box{min-width:0}
  .page-screen .content>.stat-boxes strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  .quick-grid{gap:9px}.quick-item{min-width:0}.quick-item span{line-height:1.25}
  .profile-card .row.between{gap:8px;align-items:flex-start}.profile-card .status{flex:none}
  .merchant-banner,.merchant-state,.merchant-order-card{border-radius:20px}
}
@media(max-width:390px){
  .home-card{padding:22px 18px 19px}.home-card .actions{gap:7px}.home-card .actions button{padding:0 8px;font-size:12px}
  .quick-actions{gap:6px}.quick-action{font-size:10px}
}
@media(min-width:900px){
  .screen-home .site-header{height:58px}.home-intro{padding:26px 0 25px}
  .home-intro h1{margin:12px 0 17px}.home-intro p{margin-bottom:0}
  .home-layout{align-items:start}.home-aside>.section-label:first-child{margin-top:0}
  .screen-home .content{padding-top:20px}
  .profile-card,.video-card,.quick-item,.service-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .profile-card:hover,.video-card:hover,.quick-item:hover,.service-card:hover{transform:translateY(-2px);box-shadow:0 20px 42px #76598b1c;border-color:#d9c6ec}
}
@media(prefers-reduced-motion:reduce){button,.profile-card,.video-card,.quick-item,.service-card{transition:none!important}}

/* Refined member pages */
.mobile-dashboard{display:none}
.cert-content,.profile-content{max-width:850px;margin:0 auto;padding-bottom:110px}
.cert-intro{display:flex;align-items:center;gap:12px}
.cert-avatar{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#3b83ff,#a17aff);font-size:19px;font-weight:800}
.cert-intro>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.cert-intro small{font-size:11px;color:#aeb9d6}.cert-intro strong{font-size:18px}
.cert-level{margin-left:auto;border:1px solid #6678c1;background:#28345d;color:#ccd8ff;border-radius:999px;padding:7px 11px;font-size:12px;white-space:nowrap}
.cert-stats span{display:block}.cert-head{margin-left:20px;margin-right:20px}
.cert-service-list{margin:0 16px}.cert-service-list .service-card{width:100%;max-width:none;margin:0 0 10px;text-align:left;color:inherit}
.cert-service-list .service-copy{display:block;min-width:0;flex:1}
.cert-service-list .service-arrow{font-size:25px;color:#899dcd;font-weight:300}
.cert-service-list .service-icon .icon{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(74%) sepia(29%) saturate(2121%) hue-rotate(186deg)}
.member-card-top{display:flex;align-items:center;justify-content:space-between}
.member-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.member-identity strong{font-size:19px;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.member-identity .pill{display:inline-flex;font-size:11px}.member-card .points small{color:#aeb8d1}
.member-card .points strong span{font-size:12px;font-weight:600;color:#9cadd6}
.profile-section h2{font-size:12px;color:#9ca7c0;font-weight:800;letter-spacing:.11em;margin:0 16px 10px}
.profile-section .profile-group{margin-bottom:20px}
.profile-link{width:100%;text-align:left;border:0;border-bottom:1px solid #2d3349;color:#e9edfb;background:transparent}
.account-details{margin:0 16px 18px;overflow:hidden}
.account-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:16px 17px;cursor:pointer;font-size:13px;font-weight:700}
.account-details summary::-webkit-details-marker{display:none}.account-details summary span{color:#9ba9cc;font-size:11px;font-weight:500}
.account-details .account-info{margin:0;border:0;border-top:1px solid #30384f;border-radius:0;box-shadow:none;background:transparent}
.profile-logout{display:block;width:calc(100% - 32px);height:45px;margin:0 16px;border:1px solid #3c4560;border-radius:14px;background:#181c29;color:#c9d1e6;font-size:13px}
.settings-modal{width:min(100%,370px)}.settings-title{display:flex;align-items:center;justify-content:space-between}.settings-title h3{text-align:left;margin:0;color:#fff}.settings-title button{width:32px;height:32px;border-radius:50%;border:1px solid #424e73;background:#252c46;color:#fff;font-size:20px}
.settings-modal p{text-align:left;margin:7px 0 17px}.settings-modal>button{width:100%;height:51px;display:flex;align-items:center;gap:11px;border:0;border-top:1px solid #374160;background:transparent;color:#f1f3fb;text-align:left;font-size:14px}.settings-modal>button span{margin-left:auto;color:#90a4d9;font-size:21px}

@media(max-width:899px){
  .screen-home .home-intro,.screen-home .home-layout{display:none}
  .screen-home .content{padding:0 20px 110px}
  .mobile-dashboard{display:block}
  .site-header,.page-header{height:62px;border-bottom-color:#1b2030;background:#070911f7}
  .site-header{justify-content:flex-start;padding:0 20px;font-size:17px}.site-header .brand-mark{width:30px;height:30px;font-size:17px}
  .header-side{top:12px;right:18px}.gear{width:37px;height:37px;background:#171b29;border-color:#2c3550}
  .page-header{font-size:18px;font-weight:750}.region-btn{top:14px}
  .bottom-nav{height:69px;padding-bottom:env(safe-area-inset-bottom);background:#090b13f2;backdrop-filter:blur(18px);box-shadow:0 -10px 35px #0008}
  .nav-item{font-size:10px;gap:4px}.nav-item .icon{width:23px;height:23px}.nav-item.active{color:#a7b9ff}
  .nav-item.active::before{content:"";position:absolute;top:0;width:24px;height:2px;border-radius:3px;background:linear-gradient(90deg,#51c5ee,#936eff)}
  .mobile-welcome{padding:28px 2px 19px;display:flex;justify-content:space-between;align-items:center}
  .mobile-welcome .eyebrow{font-size:9px;letter-spacing:.2em;color:#9aaeff}
  .mobile-welcome h1{font-size:29px;line-height:1.12;letter-spacing:-.045em;margin:10px 0 5px;color:#f8f9ff}.welcome-dot{font-size:16px;margin-left:8px;color:#a181ff}
  .mobile-welcome p{margin:0;color:#a4adc1;font-size:13px}.mobile-welcome-orb{font-size:40px;background:linear-gradient(135deg,#55d0f1,#8d7bff,#f09ac7);color:transparent;background-clip:text;-webkit-background-clip:text}
  .mobile-wallet{padding:21px 20px 19px;border:1px solid #505e9d;border-radius:23px;background:radial-gradient(circle at 95% 0,#384a93 0,#1c254c 40%,#151b30 78%);box-shadow:0 16px 38px #0d15455e}
  .mobile-wallet-top{display:flex;justify-content:space-between;align-items:center;color:#c1cbe4;font-size:12px}
  .mobile-level{border:1px solid #7886c2;background:#36417199;border-radius:999px;padding:5px 9px;color:#dce3ff;font-size:10px}
  .mobile-wallet>strong{display:block;color:#fff;font-size:38px;letter-spacing:-.04em;line-height:1.1;margin:21px 0;font-variant-numeric:tabular-nums}
  .mobile-wallet>strong small{font-size:12px;color:#bdcaff;margin-left:8px;letter-spacing:0}
  .mobile-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:16px;border-top:1px solid #6675a255}
  .mobile-wallet-actions button{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;padding:0 7px}
  .mobile-wallet-actions .secondary{background:#222b4a;border-color:#4b5c91}
  .mobile-section-head{display:flex;justify-content:space-between;align-items:end;margin:26px 2px 12px}
  .mobile-section-head span{display:block;font-size:10px;letter-spacing:.1em;color:#8392b6}
  .mobile-section-head h2{font-size:18px;letter-spacing:-.025em;margin:4px 0 0;color:#f4f6fe}
  .mobile-section-index{font-size:11px!important;color:#68799e!important}
  .mobile-task-card{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:15px;border:1px solid #374c8a;border-radius:19px;color:#fff;background:linear-gradient(110deg,#1e3161,#1b2240 65%,#23204b);box-shadow:0 11px 25px #080d2494}
  .mobile-task-icon{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:14px;background:#426cff;color:#fff}.mobile-task-card .icon{width:23px;height:23px}
  .mobile-task-card>span:nth-child(2){min-width:0;flex:1}.mobile-task-card strong{display:block;font-size:15px;margin-bottom:4px}.mobile-task-card small{display:block;color:#b3c1e4;font-size:11px;line-height:1.35}
  .mobile-task-arrow{font-size:23px;color:#bbcbff}
  .explore-head{margin-top:26px}.mobile-explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mobile-explore-card{min-height:145px;padding:17px;text-align:left;border:1px solid #384467;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;color:#fff}
  .mobile-explore-card.dating{background:linear-gradient(180deg,#171c3444,#10172ff2),radial-gradient(circle at 75% 12%,#5784e8,#19254d 65%)}.mobile-explore-card.videos{background:linear-gradient(180deg,#241a3533,#1a1736ed),radial-gradient(circle at 74% 6%,#a47def,#302150 70%)}
  .mobile-explore-card span{color:#c6cff7;font-size:9px;letter-spacing:.12em;margin-bottom:17px}.mobile-explore-card strong{font-size:15px}.mobile-explore-card small{margin-top:5px;color:#c1c8df;font-size:11px}
  .mobile-secondary-links{margin-top:18px;border-top:1px solid #252c40}.mobile-secondary-links button{height:49px;width:100%;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #252c40;background:none;color:#bcc7df;text-align:left;font-size:12px}.mobile-secondary-links button span{margin-left:auto;color:#8797c3;font-size:20px}
  .screen-discover .content{padding:17px 16px 100px}.search-bar{margin:0 0 16px;height:46px}
  .screen-discover .profile-card{margin-bottom:16px;border-radius:22px;box-shadow:0 12px 30px #0004}
  .screen-discover .profile-card .photo{height:clamp(235px,68vw,315px);border-radius:21px 21px 0 0;background-size:200% 200%}
  .screen-discover .profile-card .info{padding:16px 18px 17px}.screen-discover .profile-card h3{font-size:18px;margin:0 0 7px;line-height:1.25}
  .screen-discover .profile-card .id{font-size:9px;vertical-align:middle}.screen-discover .profile-card .status{font-size:10px}
  .screen-discover .profile-card .facts{margin:10px 0 0;gap:5px}
  .screen-discover .profile-card .about,.screen-discover .profile-card .hobbies{display:none}
  .video-grid{gap:11px;padding:16px 14px 100px}.video-card{border-radius:17px;box-shadow:0 9px 25px #0004}
  .video-image{height:auto;aspect-ratio:4/4.5;overflow:hidden;background:#181e2d}.video-image .photo{position:absolute;inset:0;width:100%;height:100%;background-size:200% 200%;filter:brightness(.88)}
  .video-image .play-circle{width:45px;height:45px;border:1.5px solid #bcd2ff;background:#0b143499;box-shadow:0 5px 20px #0009}.video-image .play-circle .icon{filter:brightness(0) invert(100%)}
  .video-info{padding:11px 10px 12px}.video-info strong{font-size:12px;line-height:1.3;margin:0 0 9px;min-height:31px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.video-info .row{gap:3px;font-size:10px}.video-info .row span{white-space:nowrap}.video-info .row .gold{color:#9bb6ff}
  .cert-content{padding:0 16px 100px}.cert-card{margin:17px 0 0;padding:19px 18px 18px;border-radius:22px}.cert-stats{margin-top:17px;border:0;border-top:1px solid #506195;border-radius:0;padding:16px 0 0;background:none}
  .cert-stats>div{text-align:left;padding-left:13px}.cert-stats>div:first-child{padding-left:0}.cert-stats>div+div{border-left:1px solid #516197}.cert-stats strong{font-size:22px;margin:0 0 4px}.cert-stats span{font-size:10px;color:#aab6d2}
  .cert-head{margin:25px 2px 12px}.cert-service-list{margin:0}.cert-service-list .service-card{min-height:78px;padding:13px 15px;border-radius:17px;gap:13px}
  .cert-service-list .service-icon{width:45px;height:45px;border-radius:13px;flex:none}.cert-service-list .service-copy strong{font-size:14px;margin-bottom:4px}.cert-service-list .service-copy small{font-size:11px;line-height:1.3}
  .profile-content{padding:0 16px 105px}.screen-profile .member-card{margin:17px 0 0;padding:20px;border-radius:23px}
  .member-card .brand{font-size:12px;letter-spacing:.2em}.profile-spark{font-size:21px}
  .member-card .avatar{width:48px;height:48px;font-size:21px}.member-card .user-row{margin-top:15px;gap:12px}
  .member-card .points{margin-top:17px;padding-top:15px}.member-card .points strong{font-size:26px;margin-top:3px}
  .quick-actions{margin:14px 0 23px;gap:7px}.quick-action{min-height:67px;border-radius:15px;gap:5px;font-size:11px}.quick-action .icon{width:20px;height:20px}
  .profile-section h2{margin-left:2px}.profile-section .profile-group{margin:0 0 21px;border-radius:18px}
  .profile-link{height:48px;padding:0 14px;gap:12px;font-size:12px}.profile-link .icon{width:18px;height:18px}
  .account-details{margin:0 0 17px}.profile-logout{width:100%;margin:0}
}
@media(min-width:900px){
  .cert-content{padding:8px 32px 100px}.cert-service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 16px}.cert-service-list .service-card{margin:0;min-height:125px}
  .cert-service-list .service-card small{font-size:11px}.profile-content{padding:0 32px 110px}.profile-content .member-card{margin-left:16px;margin-right:16px}
  .profile-content .quick-actions{margin:0 16px 26px}.profile-content .profile-section h2{margin-left:16px}.profile-content .account-details{margin:0 16px 20px}.profile-content .profile-logout{width:calc(100% - 32px);margin:0 16px}
}