.settings-page{min-height:100vh;margin:0;background:radial-gradient(circle at 50% 0,#253d4b 0,#14253a 38%,#090f20 100%);color:#f5e8cb;font-family:'DM Sans',sans-serif}
.settings-page .site-header{position:relative;z-index:3;background:#0e1d31;border-bottom:1px solid #d9b67447}
.settings-page .nav-shell{min-height:78px;display:flex;align-items:center;justify-content:space-between}
.settings-page .settings-main{min-height:calc(100vh - 78px);padding:clamp(1.5rem,4vw,3rem) 1rem 5rem}
.settings-page .settings-shell{position:relative;width:min(660px,100%);margin:auto}
.settings-page .settings-back{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9b674;border-radius:50%;background:#142c3e;color:#ffe6a5;font:2rem/1 Georgia,serif;text-decoration:none}
.settings-page .settings-eyebrow,.settings-page .settings-kicker{font-size:.72rem;font-weight:700;letter-spacing:.17em;color:#b28a4e}
.settings-page .settings-eyebrow{margin-top:1.5rem;color:#e1bc74}
.settings-page h1{margin:.4rem 0;color:#fff1d3;font:600 clamp(2.8rem,7vw,4.8rem)/1.02 'Cormorant Garamond',Georgia,serif}
.settings-page .settings-intro{margin:0 0 1.8rem;color:#d5dce0;font-size:.95rem}
.settings-page .settings-options{display:grid;gap:1rem}
.settings-page .settings-option{display:block;overflow:hidden;border:1px solid #d9b674;border-radius:24px;background:#fff8e9;color:#12243a;text-decoration:none;box-shadow:0 18px 38px #030a1666}
.settings-page .settings-option:focus-visible{outline:3px solid #ffe6a5;outline-offset:3px}
.settings-page .settings-art{position:relative;display:grid;place-items:center;height:170px;overflow:hidden;background:radial-gradient(circle at 50% 65%,#345369,#172f42 60%,#0c2032)}
.settings-page .settings-chest img{position:absolute;width:calc(170px * 1536 / 240);max-width:none;height:calc(170px * 1024 / 240);left:50%;top:calc(-105px * 170 / 240);transform:translateX(-50%)}
.settings-page .settings-wallet svg{width:220px;height:145px;filter:drop-shadow(0 8px 10px #0008)}
.settings-page .settings-option-body{position:relative;display:grid;gap:.25rem;padding:1.2rem 1.4rem 1.45rem}
.settings-page .settings-option strong{font:600 clamp(1.7rem,4.5vw,2.3rem)/1.03 'Cormorant Garamond',Georgia,serif}
.settings-page .settings-option small{color:#35485c;font-size:.87rem}
.settings-page .settings-arrow{position:absolute;right:1.2rem;bottom:1.2rem;color:#9b6e30;font-size:1.7rem}
.settings-page .settings-detail{max-width:470px}
.settings-page .settings-detail-top{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#f6e1b6;font:600 clamp(1.4rem,5vw,2rem) 'Cormorant Garamond',Georgia,serif}
.settings-page .settings-sheet{overflow:hidden;border:1px solid #d9b674;border-radius:26px;background:#fff8e9;color:#12243a;box-shadow:0 24px 70px #0008}
.settings-page .settings-hero{position:relative;aspect-ratio:464/240;overflow:hidden;background:#11283a}
.settings-page .settings-hero img{position:absolute;width:331.034%;height:auto;max-width:none;left:-100.431%;top:-43.75%}
.settings-page .settings-cream{position:relative;margin-top:-18px;padding:1.4rem 1.3rem 1.6rem;border-radius:24px 24px 0 0;background:#fff8e9;text-align:center}
.settings-page .settings-cream h1{margin:.25rem 0;color:#12243a;font-size:clamp(2.1rem,7vw,2.9rem)}
.settings-page .settings-cream>p{max-width:36ch;margin:.35rem auto 1.15rem;color:#445367;font-size:.9rem;line-height:1.45}
.settings-page .settings-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:1.3rem 0}
.settings-page .settings-benefits>div{display:grid;justify-items:center;align-content:start;gap:.4rem;font-size:.73rem;line-height:1.25}
.settings-page .settings-benefits span,.settings-page .settings-method-grid span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff0ce;color:#a8762e;font-size:1.5rem}
.settings-page .settings-method-preview{display:grid;gap:.65rem;padding:1rem .8rem;border:1px solid #e5d6b7;border-radius:16px;background:#fff;color:#12243a;text-align:start;text-decoration:none}
.settings-page .settings-method-preview:focus-visible{outline:3px solid #a8762e}
.settings-page .settings-brands{display:flex;flex-wrap:wrap;gap:.35rem}
.settings-page .settings-brands span{padding:.4rem .5rem;border:1px solid #e5d6b7;border-radius:8px;background:#fff;font-size:.72rem;font-weight:700}
.settings-page .settings-method-preview small{color:#445367;font-size:.76rem}
.settings-page .settings-soon{margin-top:1rem;padding:.8rem 1rem;border:1px solid #b88436;border-radius:30px;background:linear-gradient(110deg,#e9bd6c,#c5923e);color:#12243a;font-weight:700}
.settings-page .settings-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.settings-page .settings-method-grid>div{display:grid;place-items:center;gap:.4rem;min-height:94px;padding:.7rem;border:1px solid #e5d6b7;border-radius:14px;background:#fff;font-size:.84rem}
[dir=rtl] .settings-page .settings-arrow{right:auto;left:1.2rem}
@media(max-width:700px){.settings-page .settings-main{padding:1.3rem 1rem 3rem}.settings-page .settings-art{height:145px}.settings-page .settings-chest img{width:calc(145px * 1536 / 240);height:calc(145px * 1024 / 240);top:calc(-105px * 145 / 240)}.settings-page .settings-option-body{padding:1.1rem 1.2rem 1.3rem}}
/* Settings itself remains a compact menu; the illustration belongs to its dedicated view. */
.settings-page .settings-options{gap:.7rem}
.settings-page .settings-option{display:flex;align-items:center;min-height:94px;padding:.6rem .8rem;border-radius:18px}
.settings-page .settings-art{flex:none;width:66px;height:66px;border-radius:14px}
.settings-page .settings-art svg{width:55px;height:55px;filter:none}
.settings-page .settings-option-body{flex:1;padding:.45rem .7rem;gap:.12rem}
.settings-page .settings-option strong{font-size:clamp(1.4rem,3.8vw,1.8rem)}
.settings-page .settings-option small{padding-right:1.4rem;font-size:.78rem}
.settings-page .settings-arrow{right:.5rem;bottom:.5rem;font-size:1.3rem}
.settings-page .nav-shell .header-mark{order:1;margin-right:auto}
.settings-page .nav-shell .site-language-switcher{order:2;position:relative}
.settings-page .nav-shell .language-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9b674;border-radius:50%;background:#142c3e;padding:5px}
.settings-page .nav-shell .language-toggle img{display:block;width:28px;height:28px;object-fit:cover;border-radius:50%}
[dir=rtl] .settings-page .settings-option small{padding-right:0;padding-left:1.4rem}
[dir=rtl] .settings-page .settings-arrow{right:auto;left:.5rem}
/* Settings is a compact menu; the full illustration appears only inside Credits. */
.settings-menu-page .settings-shell{max-width:470px}
.settings-menu-page .settings-main{padding-top:1.2rem}
.settings-menu-page .settings-heading{display:flex;align-items:center;gap:.65rem;margin:1.1rem 0 .2rem;color:#fff1d3;font:600 1.65rem/1.1 'Cormorant Garamond',Georgia,serif}
.settings-menu-page .settings-gear{color:#e5bd71;font:1.5rem/1 Georgia,serif}
.settings-menu-page .settings-menu-intro{max-width:28ch;margin:.15rem 0 1.35rem;color:#d5dce0;font-size:.92rem;line-height:1.45}
.settings-menu-page .settings-menu-panel{display:grid;gap:.45rem;padding:.9rem;border:1px solid #e8d9b9;border-radius:25px;background:#fff8e9;box-shadow:0 20px 55px #030a1666}
.settings-menu-page .settings-row{display:flex;align-items:center;gap:.8rem;width:100%;min-height:58px;padding:.65rem .8rem;border:1px solid #efe7d9;border-radius:16px;background:#fffdf9;color:#14243c;text-align:start;text-decoration:none;font:500 .96rem/1.2 'DM Sans',sans-serif;cursor:pointer}
.settings-menu-page .settings-row:focus-visible{outline:3px solid #ba8c40;outline-offset:2px}
.settings-menu-page .settings-row-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:11px;background:#f3e8cf;color:#896327;font:1.3rem/1 Georgia,serif}
.settings-menu-page .settings-row-feature{border-color:#ebc681;background:#fff1d6}
.settings-menu-page .settings-chevron{margin-inline-start:auto;color:#8d806a;font:1.4rem/1 Georgia,serif}
.settings-menu-page .settings-row-divider{height:1px;margin:.25rem .4rem;background:#e3d7c1}
.settings-detail-page .settings-lead{max-width:38ch}
.settings-detail-page .settings-brands span{white-space:nowrap}
.settings-detail-page .settings-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:420px){.settings-detail-page .settings-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
[dir=rtl] .settings-menu-page .settings-row{text-align:right}
.settings-detail-page .settings-credit-balance,.settings-detail-page .settings-add-credits,.settings-detail-page .settings-payment-section{margin-top:1rem;border:1px solid #e6d6b6;border-radius:17px;background:#fffdfa;color:#12243a}
.settings-detail-page .settings-credit-balance{padding:1rem 1.1rem;text-align:start}
.settings-detail-page .settings-credit-balance>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.settings-detail-page h2{margin:0;color:#12243a;font:600 1.35rem/1.12 'Cormorant Garamond',Georgia,serif}
.settings-detail-page .settings-credit-balance strong{color:#9c722f;font:600 2rem/1 'Cormorant Garamond',Georgia,serif}
.settings-detail-page .settings-credit-balance small,.settings-detail-page .settings-payment-section small{display:block;margin-top:.4rem;color:#526073;font-size:.75rem;line-height:1.4}
.settings-detail-page .settings-add-credits{padding:1.15rem 1rem 1rem;background:#fff9ed}
.settings-detail-page .settings-section-icon{display:grid;place-items:center;width:43px;height:43px;margin:0 auto .45rem;border-radius:50%;background:#fff0ce;color:#aa7934;font-size:1.35rem}
.settings-detail-page .settings-add-credits p{margin:.45rem auto 0;max-width:33ch;color:#526073;font-size:.82rem;line-height:1.4}
.settings-detail-page .settings-add-credits .settings-soon{margin-top:1rem}
.settings-detail-page .settings-payment-section{padding:1rem .75rem 1.1rem}
.settings-detail-page .settings-logo-strip{display:block;width:100%;height:auto;margin:.8rem auto .2rem;overflow:hidden}
.settings-detail-page .settings-payment-section small{margin-top:.45rem}