:root{--forest:#006c44;--forest-dark:#005037;--forest-light:#09895d;--ink:#242927;--muted:#8e9691;--border:#e6e7e1;--cream:#f9f7ef;--danger:#ba5146}
*{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;min-width:300px;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.5;background:linear-gradient(180deg,#f9f7ee 0,#fefefc 29%,#fff 51%);min-height:100vh}
a{color:#826c50;text-underline-offset:3px}
a:hover{color:var(--forest)}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #4cc396;outline-offset:3px}
.site-shell{width:min(100%,510px);margin:0 auto;padding:0 20px 44px}
.brand-header{text-align:center;padding-top:52px}
.brand-mark{display:inline-flex;width:87px;height:87px;justify-content:center;align-items:center}
.brand-mark img{width:83px;height:83px;object-fit:contain}
.brand-name{font-size:11px;letter-spacing:5px;font-weight:800;color:#0f694d;margin:4px 0 7px}
h1{font-size:44px;line-height:1.16;letter-spacing:-1.5px;font-weight:750;margin:10px 0 0;color:#242827}
.form-subtitle{font-size:14px;color:#7b857d;margin:10px auto 0}
.auth-main{max-width:470px;margin:0 auto}
.login-main{padding-top:84px}
.register-main{padding-top:73px}
.auth-form{display:flex;flex-direction:column;gap:43px}
.form-field{height:65px;border:1px solid var(--border);border-radius:17px;display:flex;align-items:center;padding:0 17px;position:relative;background:#fff;gap:12px;transition:border-color .17s,box-shadow .17s}
.form-field:focus-within{border-color:#56ac84;box-shadow:0 0 0 3px rgba(0,108,68,.07)}
.field-legend{display:block;position:absolute;top:-13px;left:18px;padding:0 7px;background:#fff;font-size:12.8px;letter-spacing:1.25px;font-weight:800;color:#2f3231;line-height:22px;white-space:nowrap}
.required{color:#cb564d}
.optional{font-size:9px;letter-spacing:.4px;color:#adb1ad;margin-left:4px}
.field-icon{flex:0 0 22px;color:#2f3433;display:flex;align-items:center;justify-content:center}
.icon{width:22px;height:22px;display:block}
.form-field input{min-width:0;width:100%;height:100%;background:transparent;border:0;color:#222;font-size:19px;letter-spacing:.1px;outline:0;padding:0;box-shadow:none}
.form-field input::placeholder{color:#b3b5b2;font-size:16px}
.phone-field{gap:12px}
.country-code{display:inline-flex;align-items:center;padding-right:13px;border-right:1px solid #62a48a;line-height:35px;color:#303733;font-size:18px;white-space:nowrap}
.password-toggle{width:30px;height:35px;border:0;background:transparent;padding:0;display:flex;justify-content:center;align-items:center;flex:0 0 30px;color:#a6aaa7}
.password-toggle .icon{width:24px;height:24px}
.password-toggle.is-visible{color:var(--forest)}
.forgot-line{font-size:16px;text-align:center;margin:-7px 0 8px}
.forgot-line a{margin-left:6px}
.primary-button{border:0;border-radius:50px;background:linear-gradient(110deg,#005235,#008a56);color:white;font-size:19px;min-height:63px;font-weight:500;box-shadow:0 3px 2px rgba(0,0,0,.03);width:100%;margin-top:0;transition:transform .15s,filter .15s}
.primary-button:active{transform:scale(.99)}
.primary-button:hover{filter:brightness(1.07)}
.auth-bottom{text-align:center;font-size:15.5px;margin:-18px 0 0}
.login-main .auth-bottom{margin:-15px 0 0}
.register-main .primary-button{margin-top:4px}
.alert{border-radius:12px;padding:13px 15px;margin-bottom:22px;font-size:13.5px;line-height:1.5}
.alert-error{background:#fff2f0;color:#8c2b21;border:1px solid #f3d3cf}
.alert-success{background:#e8faf1;color:#126841;border:1px solid #bcebd4}
.alert-info{background:#eff6f3;color:#345e4b;border:1px solid #dbebe2}
.float-support{position:fixed;right:18px;bottom:70px;width:56px;height:56px;border-radius:50%;background:#22a9ed;color:white;font-size:31px;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 6px 20px #0002;z-index:2}
.dashboard-main{padding-top:59px}
.member-card{background:#fff;border-radius:22px;padding:23px;box-shadow:0 7px 40px rgba(8,83,48,.06);border:1px solid #ecede8}
.member-card h2{font-size:18px;line-height:1.3;margin:3px 0 0;overflow-wrap:anywhere}
.member-card p{line-height:1.7}
.member-card-heading{display:flex;align-items:center;gap:14px}
.member-avatar{background:#e3f2ea;color:var(--forest);padding:14px;border-radius:16px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#688174;margin:0 0 7px!important}
.member-card hr{height:1px;border:0;background:#e9ede9;margin:24px 0}
.referral-row{display:flex;align-items:center;gap:9px;justify-content:space-between;margin-bottom:10px}
.referral-row strong{font-size:23px;color:var(--forest-dark);letter-spacing:2px}
.referral-row input{width:100%;min-width:0;font-size:12px;padding:11px;border:1px solid #e1e6e3;border-radius:8px;background:#fbfdfb}
.small-action{display:flex;gap:6px;align-items:center;border:1px solid #b5d9c6;border-radius:9px;padding:9px 11px;background:#eef9f2;color:#116644;font-size:12px;font-weight:650;white-space:nowrap}
.small-action .icon{width:15px;height:15px}
.small-muted{color:#82918a;font-size:12px;margin:7px 0 26px!important}
.secondary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid #bdd2c5;border-radius:32px;background:#fff;font-weight:650;color:#087249;min-height:53px;margin-top:23px}
.secondary-button .icon{width:18px;height:18px}
.contact-main{padding-top:65px}
.contact-main h2{margin:0 0 15px;font-size:19px}
.contact-main .auth-bottom{margin:20px 0}
.button-link{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px}
@media(max-width:390px){.site-shell{padding-left:18px;padding-right:18px}.brand-header{padding-top:45px}h1{font-size:42px}.login-main{padding-top:76px}.register-main{padding-top:67px}.auth-form{gap:40px}.form-field{height:61px;padding:0 13px;gap:9px}.field-legend{font-size:11px;letter-spacing:1px}.form-field input{font-size:17px}.form-field input::placeholder{font-size:14px}}
@media(min-height:750px) and (max-width:550px){.login-main{padding-top:100px}.login-main .auth-form{gap:48px}.login-main .primary-button{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

/* V2: small blue inline validation under the relevant input */
.form-field .input-error{position:absolute;top:calc(100% + 2px);left:15px;right:6px;margin:0;color:#2485c4;font-size:11.5px;line-height:1.25;letter-spacing:0;font-weight:500;text-align:left;pointer-events:none}
.form-field .input-error:empty{display:none}
.form-field.has-input-error{border-color:#96c5e5}
.form-field.has-input-error:focus-within{box-shadow:0 0 0 3px rgba(36,133,196,.06)}
@media(max-width:390px){.form-field .input-error{font-size:10.5px}}


/* SILK ROAD v3: same warm tan, golden brown & cream palette as approved mockup */
:root{--forest:#8b4d23;--forest-dark:#653b1d;--forest-light:#bd814b;--ink:#392616;--muted:#92816e;--border:#e4d6c2;--cream:#f9f0e1}
body{background:linear-gradient(180deg,#f5e8d2 0%,#fffcf5 54%,#f8efdf 100%);color:#392616}
a{color:#82502e}a:hover{color:#a46731}
.brand-name{color:#78401a;font-family:Georgia,serif;font-size:19px;letter-spacing:3px}
.brand-mark{width:145px;height:108px}.brand-mark img{width:141px;height:101px}
.brand-header{padding-top:27px}
h1{color:#452c18}
.country-code{border-right-color:#cb9969}
.form-field:focus-within{border-color:#c2986b;box-shadow:0 0 0 3px #d6b08321}
.primary-button{background:linear-gradient(100deg,#874c22,#ae7945);color:#fff}
.password-toggle.is-visible{color:#874c22}
.login-main{padding-top:45px}.register-main{padding-top:39px}
.page::before{content:"";background:linear-gradient(to top,rgba(248,238,217,.18),rgba(255,253,249,.85)),url('silk-road-hero.jpg') center bottom/cover;position:fixed;inset:0;opacity:.19;pointer-events:none;z-index:0}
.site-shell{position:relative;z-index:1}
.brand-header h1{font-size:37px;letter-spacing:-1px}
/* Mobile Home */
.home-page,.feature-page{background:#f9f0df;min-height:100dvh;font-family:Arial,"Helvetica Neue",sans-serif}
.home-shell{width:min(100%,510px);margin:0 auto;min-height:100dvh;background:#fbf5e9;box-shadow:0 4px 35px #4c2a1610;position:relative;padding-bottom:97px;overflow:hidden}
.silk-hero{height:415px;background-image:linear-gradient(180deg,rgba(252,241,222,.58),rgba(245,217,183,.15) 48%,rgba(50,31,15,.12)),url('silk-road-hero.jpg');background-size:cover;background-position:center bottom;position:relative}
.ticker{position:absolute;top:13px;left:17px;right:17px;display:flex;align-items:center;gap:9px;padding:11px 13px;background:#fffefaf2;border-radius:40px;color:#5b4632;font-size:12px;white-space:nowrap;box-shadow:0 3px 18px #6c4e2620;overflow:hidden}
.ticker span:last-child{overflow:hidden;text-overflow:ellipsis}.ticker-bell{color:#9a632f;font-size:16px}
.hero-heading{position:absolute;top:87px;left:26px;right:65px;text-shadow:0 1px 11px #fff9}
.hero-brand{font:700 clamp(39px,11vw,64px)/1 Georgia,"Times New Roman",serif;color:#7b431d;letter-spacing:1px;margin:0 0 10px}
.hero-tag{font-size:23px;line-height:1.16;color:#73482c;font-weight:500;margin:0}
.quick-rail{position:absolute;right:13px;top:158px;display:grid;gap:12px;background:#fffdf7f5;padding:10px 8px;border-radius:35px;box-shadow:0 5px 23px #38200f36;z-index:1}
.quick-rail a{display:grid;place-items:center;width:44px;height:44px;background:#916033;color:#fff;border-radius:50%;text-decoration:none}
.quick-rail svg{width:23px;height:23px}
.home-content{position:relative;margin-top:-36px;padding:0 14px 20px}
.main-actions{background:#fff;box-shadow:0 6px 17px #7c573712;border-radius:25px;padding:20px 7px;display:flex;align-items:stretch;min-height:160px;position:relative;z-index:1}
.main-action{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;flex:1;text-align:center;text-decoration:none;color:#2f2419;font-size:19px}
.main-action strong{font-weight:650}
.action-divider{align-self:center;background:#e7d7c4;width:1px;height:91px}
.main-action-image{display:grid;place-items:center;width:75px;height:75px;background:#f8f1e5;border-radius:100%;color:#ad722f}
.main-action-image svg{width:44px;height:44px;stroke-width:1.6}
.recharge-image{color:#b47329;background:#f8eddc}.withdraw-image{color:#89572c;background:#f9edd8}
.shortcuts{margin-top:15px;border-radius:22px;background:#fff;padding:19px 7px 15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;box-shadow:0 5px 19px #75542c0c}
.shortcuts a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:13px;color:#342a20;text-decoration:none}
.shortcuts a span{display:grid;place-items:center;border-radius:100%;width:50px;height:50px;background:#f8f1e5;color:#89552b}
.shortcuts svg{width:27px;height:27px}
.group-banner{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#054d31;background:linear-gradient(100deg,#9cf3ba,#d2f6b7);border-radius:19px;padding:17px 16px;margin-top:16px;min-height:112px}
.group-label{display:grid;gap:13px}.group-label strong{font-size:clamp(21px,6vw,28px);line-height:1.05}.group-label small{color:#256749;font-size:13px;font-weight:600}.people-pips{font-size:12px;margin-right:5px}
.group-go{display:grid;place-items:center;width:47px;height:47px;background:#ff9b34;border:3px solid #fff;color:#fff;border-radius:50%;flex:none}
.group-go svg{height:27px;width:27px}
.silk-mini-banner{height:121px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:25px;margin:15px 0;background-image:linear-gradient(90deg,#3b2515dd,#3b25151a),url('silk-road-banner.jpg');background-size:cover;background-position:center;color:white;text-decoration:none}
.silk-mini-banner strong{font:700 29px Georgia,serif;color:white}.silk-mini-banner span{font-size:13px;color:#ffedde}
.member-mini{padding:11px 12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
.member-mini div{display:grid;gap:3px}.member-mini small{color:#8c7c69}.member-mini strong{font-size:14px}.member-mini a{white-space:nowrap}
.bottom-nav{position:fixed;z-index:5;bottom:0;width:min(100%,510px);min-height:75px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;justify-items:center;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -6px 22px #7d613221}
.bottom-nav a{display:flex;gap:3px;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;color:#968f86;min-width:49px}.bottom-nav a.active{color:#875124;font-weight:bold}
.bottom-nav svg{width:24px;height:24px}.bottom-nav small{font-size:12px}
.bottom-brand{position:relative;top:-21px;width:73px;height:73px;border:4px solid #e9cda6;border-radius:50%;background:#fff;box-shadow:0 2px 16px #53301c18;display:grid!important;place-items:center!important}
.bottom-brand img{width:56px;height:56px}
.feature-header{min-height:70px;background:linear-gradient(115deg,#70401d,#aa743f);color:white;display:flex;align-items:center;gap:20px;padding:15px 18px}.feature-header a{font-size:31px;line-height:1;color:white;text-decoration:none}.feature-header h1{color:white;font-size:21px;margin:0;letter-spacing:0}
.feature-main{padding:16px}.feature-scene{height:190px;background:url('silk-road-hero.jpg') center/cover;border-radius:17px;display:flex;align-items:center;justify-content:center}.feature-scene span{font:700 34px Georgia,serif;color:#fff;text-shadow:0 2px 16px #42230b}
.feature-panel{background:white;border-radius:20px;text-align:center;margin-top:16px;padding:26px 19px;box-shadow:0 4px 20px #85654b18}.feature-icon{display:grid;place-items:center;margin:0 auto;background:#f8ead5;width:75px;height:75px;border-radius:50%;color:#925624}.feature-icon svg{width:39px;height:39px}.feature-panel h2{font-size:24px;margin:14px 0 8px}.feature-panel p{color:#7b7469;font-size:14px;line-height:1.6}.feature-panel .button-link{margin-top:20px}
.profile-detail{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #eadfcf;padding:17px 2px;font-size:12px}.profile-detail small{color:#8d7d6a}.profile-detail strong{overflow-wrap:anywhere}.profile-detail .small-action{background:#faf1e4;color:#805027;border:1px solid #e6c5a2}
@media(min-width:510px){.hero-brand{font-size:57px}.hero-tag{font-size:26px}}
@media(max-width:359px){.silk-hero{height:365px}.ticker{font-size:10px}.hero-brand{font-size:38px}.hero-tag{font-size:20px}.quick-rail{right:8px}.main-action{font-size:17px}.group-label strong{font-size:20px}}

/* V4: working, consistent bottom navigation and member subpages */
.bottom-nav a{transition:color .15s,transform .15s;touch-action:manipulation}
.bottom-nav a:active{transform:scale(.94)}
.bottom-nav .bottom-brand.active{border-color:#b68555;box-shadow:0 0 0 5px rgba(178,119,56,.13)}
.feature-main{padding-bottom:26px}
.feature-main .alert{margin-bottom:14px}
.feature-cover{min-height:198px;border-radius:20px;background:linear-gradient(90deg,rgba(50,29,12,.78),rgba(62,37,17,.07)),url('silk-road-banner.jpg') center/cover;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;padding:20px;margin-bottom:14px}
.feature-cover h2{color:#fff;font:700 clamp(29px,9vw,39px)/1.1 Georgia,serif;margin:7px 0}.feature-cover p{color:#ffede0;font-size:13px;margin:0 0 4px}.cover-kicker{font-size:10px;letter-spacing:3px;font-weight:750;color:#ffddaa}
.discover-cover{min-height:230px;background-image:linear-gradient(90deg,rgba(50,29,12,.77),rgba(62,37,17,.1)),url('silk-road-hero.jpg')}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.metric-card{background:#fff;border-radius:17px;padding:17px 13px;min-width:0;display:grid;gap:5px;box-shadow:0 3px 13px #65411c0b}
.metric-card small,.metric-card span{font-size:11px;color:#857663}.metric-card strong{color:#75441f;font-size:26px;line-height:1.2}.metric-card strong.metric-date{font-size:16px;white-space:nowrap}
.feature-card{background:#fff;border-radius:20px;padding:21px 18px;margin:14px 0;box-shadow:0 3px 15px #573b220f;color:#382a1d}
.feature-card h3{font-size:18px;line-height:1.3;color:#53321b;margin:0 0 10px}.feature-card p{font-size:13px;line-height:1.7;color:#746755;margin:10px 0}.feature-card b{color:#593415}
.card-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.card-title h3{margin:0}.card-title>span{width:43px;height:43px;border-radius:13px;background:#f5e9d6;color:#976130;display:grid;place-items:center;flex-shrink:0}.card-title svg{width:24px;height:24px}
.link-list{display:grid;gap:0;margin-top:13px}.link-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 3px;text-decoration:none;color:#79502e;font-size:13px;font-weight:600;border-top:1px solid #ede3d4}.link-list svg,.feature-cta svg,.outline-cta svg{width:17px;height:17px;flex:none}
.feature-cta,.outline-cta{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 17px;margin-top:15px;border:0;border-radius:14px;background:linear-gradient(100deg,#865027,#ad7845);color:#fff;text-decoration:none;font-size:14px;font-weight:700;min-height:48px;cursor:pointer}
.feature-cta:hover{color:#fff}.feature-cta.full{width:100%}.outline-cta{background:#fff6eb;border:1px solid #d9b692;color:#7f502b}.outline-cta:hover{color:#784b22}
.nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nav-grid a{min-height:125px;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px;background:#fff;color:#53351e;text-decoration:none}.nav-grid a svg{width:29px;height:29px;color:#a5774c}.nav-grid a strong{font-size:15px}.nav-grid a small{color:#9a8976;font-size:12px}
.task-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fcf5e9;border-radius:13px;margin:15px 0 12px;padding:15px 12px}.task-info>div{display:grid;gap:5px}.task-info small{font-size:11px;color:#907d6a}.task-info b{font-size:18px;color:#593b22}.task-done{width:100%;background:#e6f4e9;color:#256640;border:0;border-radius:12px;padding:15px;font-weight:750;opacity:1}
.inline-info{background:#fff7e9;border-left:3px solid #caab79;color:#79552e;font-size:12px;border-radius:8px;padding:12px;line-height:1.6;margin:16px 0}
.copy-box{width:100%;min-width:0;display:flex;align-items:center;gap:10px;background:#f9f2e7;border:1px solid #efdfca;border-radius:12px;padding:10px 11px;margin-top:7px}.copy-box>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#6a4e37}
.small-action{flex:none;border-radius:9px;border:1px solid #e3caa9;background:#fff;color:#714828;font-size:12px;font-weight:700;padding:9px 11px}
.profile-top{display:flex;gap:15px;align-items:center;background:linear-gradient(120deg,#88562f,#ad7e4b);color:#fff;padding:21px 19px;border-radius:20px}.profile-avatar{background:#ffffff25;border:1px solid #ffffff69;width:62px;height:62px;border-radius:50%;display:grid;place-items:center}.profile-avatar svg{width:32px;height:32px}.profile-top>div:last-child{display:grid;gap:3px;min-width:0}.profile-top small{color:#fff3e0;font-size:12px}.profile-top strong{font-size:17px;overflow-wrap:anywhere}.profile-top span{font-size:11px;color:#f7e1c3}
.feature-card .profile-detail{gap:7px}.feature-card .profile-detail>.copy-box{flex-basis:100%;margin-top:2px}
.security-details summary{font-size:15px;font-weight:750;color:#654021;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.security-details summary::-webkit-details-marker{display:none}.security-details summary svg{width:17px;height:17px}.security-details[open] summary{margin-bottom:16px}
.password-form{display:flex;flex-direction:column;gap:8px}.password-form label{font-size:12px;font-weight:650;color:#826849}.password-form input{background:#fffaf3;border:1px solid #e8d5bd;border-radius:10px;min-height:44px;padding:10px 12px;margin-bottom:7px;max-width:100%}.password-form .feature-cta{margin-top:9px}
.signout-form{margin-top:15px}.secondary-button{background:#f8e9e2;color:#945840;border:1px solid #ebcbbb;border-radius:14px;padding:13px 18px;width:100%;font-weight:700}
@media(max-width:349px){.metric-card strong{font-size:19px}.metric-card strong.metric-date{font-size:13px}.feature-main{padding:11px}.bottom-nav small{font-size:11px}}


/* ================================================================
   SILK ROAD V5 – Restore the ORIGINAL emerald green visual theme
   for every screen. Preserve all V4 layouts, navigation and images.
   Reference: original registration/login green #006c44 / #005037.
   ================================================================ */
:root{
  --forest:#006c44;
  --forest-dark:#005037;
  --forest-light:#09895d;
  --ink:#23302a;
  --muted:#71837a;
  --border:#dbe8df;
  --cream:#f4faf5;
}
body{
  background:linear-gradient(180deg,#f2faf5 0%,#ffffff 50%,#eff8f2 100%);
  color:var(--ink);
}
a{color:#006c44}
a:hover{color:#00865b}
h1,.brand-header h1{color:#23302a}
.brand-name{color:#006c44}
.country-code{border-right-color:#68b394;color:#294438}
.field-legend{color:#24332a}
.form-field{border-color:#dbe8df}
.form-field:focus-within{border-color:#24a273;box-shadow:0 0 0 3px rgba(0,108,68,.09)}
.password-toggle.is-visible{color:#006c44}
.primary-button{background:linear-gradient(105deg,#005037 0%,#008956 100%);color:#fff}
.primary-button:hover{filter:brightness(1.08)}
.page::before{
  background:linear-gradient(to top,rgba(240,250,243,.31),rgba(251,255,252,.87)),url('silk-road-hero.jpg') center bottom/cover;
  opacity:.19;
}
.home-page,.feature-page{background:#eef7f1;color:#23302a}
.home-shell{background:#f4faf5;box-shadow:0 4px 35px #0655370f}
.silk-hero{
  background-image:linear-gradient(180deg,rgba(247,255,249,.80) 0%,rgba(236,249,241,.24) 48%,rgba(0,58,35,.16) 100%),url('silk-road-hero.jpg');
}
.ticker{background:#fffffff4;color:#294938;box-shadow:0 3px 18px #006c4417}
.ticker-bell{color:#007349}
.hero-heading{text-shadow:0 1px 10px #ffffffdb}
.hero-brand{color:#005c39}
.hero-tag{color:#216c4b}
.quick-rail{background:#ffffffef;box-shadow:0 5px 23px #004c3026}
.quick-rail a{background:#006c44;color:#fff}
.main-actions{box-shadow:0 6px 19px #005f3a0f}
.main-action{color:#24332a}
.action-divider{background:#d5e8db}
.main-action-image{color:#007a4c;background:#eaf6ed}
.recharge-image{color:#007448;background:#e7f6eb}
.withdraw-image{color:#005f42;background:#e8f5ec}
.shortcuts{box-shadow:0 4px 20px #005f3a0e}
.shortcuts a{color:#26372d}
.shortcuts a span{background:#ebf8ef;color:#006c44}
.group-banner{color:#00442a;background:linear-gradient(100deg,#9cf3ba,#d2f6b7)}
.group-label small{color:#1f6340}
.group-go{background:#087a4d}
.silk-mini-banner{
  background-image:linear-gradient(90deg,rgba(0,63,39,.83),rgba(0,64,38,.05)),url('silk-road-banner.jpg')
}
.silk-mini-banner span{color:#e4f7e8}
.member-mini small{color:#688778}
.bottom-nav{box-shadow:0 -6px 22px #00653c18}
.bottom-nav a{color:#84948a}
.bottom-nav a.active{color:#006c44}
.bottom-brand{border-color:#bce1c9;box-shadow:0 2px 16px #065a3e19}
.bottom-nav .bottom-brand.active{border-color:#04804e;box-shadow:0 0 0 5px rgba(0,108,68,.12)}
.feature-header{background:linear-gradient(115deg,#005037,#008956)}
.feature-panel{box-shadow:0 4px 20px #0050370e}
.feature-icon{background:#eaf7ed;color:#006c44}
.profile-detail{border-top-color:#e0ebe3}
.profile-detail small{color:#678574}
.profile-detail .small-action{background:#e9f8ef;color:#00643d;border-color:#b8ddc8}
.feature-cover{
  background-image:linear-gradient(90deg,rgba(0,56,35,.81),rgba(0,70,42,.10)),url('silk-road-banner.jpg');
}
.feature-cover p{color:#e2f4e6}
.cover-kicker{color:#aee7bd}
.discover-cover{
  background-image:linear-gradient(90deg,rgba(0,55,34,.79),rgba(0,68,42,.10)),url('silk-road-hero.jpg');
}
.metric-card{box-shadow:0 3px 13px #0062380b}
.metric-card small,.metric-card span{color:#698174}
.metric-card strong{color:#006c44}
.feature-card{color:#25362c;box-shadow:0 3px 15px #0064390e}
.feature-card h3,.feature-card b{color:#004d31}
.feature-card p{color:#5a7565}
.card-title>span{background:#e8f6ec;color:#006c44}
.link-list a{color:#006c44;border-top-color:#e2ebe4}
.feature-cta{background:linear-gradient(105deg,#005037,#008956);color:#fff}
.feature-cta:hover{color:#fff}
.outline-cta{background:#eef9f1;border:1px solid #b7dcc6;color:#006c44}
.outline-cta:hover{color:#004d31}
.nav-grid a{color:#234b35}
.nav-grid a svg{color:#008050}
.nav-grid a small{color:#72917f}
.task-info{background:#edf8f0}
.task-info small{color:#648976}
.task-info b{color:#005a39}
.inline-info{background:#eff9f2;border-left-color:#169568;color:#275b40}
.copy-box{background:#f1faf3;border-color:#cde5d5}
.copy-box>span{color:#3a6c50}
.small-action{border-color:#b8ddc8;color:#006c44;background:#f2fbf5}
.profile-top{background:linear-gradient(120deg,#005037,#008956)}
.profile-top small{color:#eafcef}
.profile-top span{color:#d1f0dd}
.security-details summary{color:#005037}
.password-form label{color:#426c51}
.password-form input{background:#fbfffc;border-color:#cce4d3}
.secondary-button{background:#eff8f1;color:#006c44;border:1px solid #b8ddc7}
/* Keep the user's requested small BLUE authentication errors. */
.form-field.has-input-error{border-color:#96c5e5}
.form-field.has-input-error:focus-within{box-shadow:0 0 0 3px rgba(36,133,196,.06)}


/* SILK ROAD V6: Mine profile patterned on the provided screenshots,
   while honoring the previously approved forest-green visual theme. */
.mine-page .home-shell{background:#f6f4e9;}
.mine-top{min-height:220px;padding:28px 20px 20px;background:linear-gradient(180deg,rgba(245,250,239,.55),rgba(248,239,212,.5)),url('silk-road-hero.jpg') center center/cover;position:relative}
.mine-brand{display:flex;align-items:center;gap:10px;color:#005c3a;font:700 clamp(20px,6vw,27px) Georgia,serif;letter-spacing:.4px}
.mine-brand img{width:57px;height:51px;object-fit:contain}
.mine-identity{display:flex;gap:16px;align-items:center;margin-top:19px}
.mine-avatar{width:80px;height:80px;border-radius:50%;background:#ffffffdb;border:3px solid #fff;box-shadow:0 5px 18px #074e3326;display:grid;place-items:center;flex:none}
.mine-avatar img{width:66px;height:66px;object-fit:contain}
.mine-member{display:inline-flex;align-items:center;gap:7px;font-size:13px;letter-spacing:.7px;background:#143a2a;color:#fff;padding:6px 10px;border-radius:18px;font-weight:750}
.mine-state{color:#a8e8bb;font-size:10px;letter-spacing:.5px}
.mine-phone{margin-top:8px;color:#222;font-size:19px;font-weight:750}
.mine-profile-next{color:#0a5636;margin-left:auto;font-size:38px;line-height:1;text-decoration:none}
.mine-main{padding:0 13px 40px;position:relative}
.mine-wallet{background:linear-gradient(115deg,#005037,#007a4a);color:white;border-radius:20px;display:grid;grid-template-columns:1fr 1px 1fr;gap:4px;padding:23px 6px;margin-top:-1px;box-shadow:0 5px 22px #00563829}
.wallet-column{text-align:center;min-width:0;padding:2px 0}
.wallet-column div{display:flex;align-items:center;justify-content:center;gap:6px;font-size:clamp(10px,3vw,14px);white-space:nowrap}
.wallet-column div svg{width:18px;height:18px;flex:none}
.wallet-column strong{display:block;margin:11px 0 2px;font-size:31px;line-height:1.2}
.wallet-column small{font-size:11px;color:#d0f1de}
.wallet-line{background:#9ae0ba80;align-self:center;height:44px;width:1px}
.mine-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:13px 0}
.mine-metric{background:white;border-radius:15px;min-height:122px;padding:16px 12px;box-shadow:0 2px 9px #003b1e0a;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.mine-metric-icon,.mine-total-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin-bottom:8px}
.mine-metric-icon svg,.mine-total-icon svg{width:23px;height:23px;color:#273329}
.mine-metric-icon.lavender{background:#eae4ff}.mine-metric-icon.pink{background:#ffe1e5}.mine-metric-icon.peach{background:#ffe8d0}.mine-metric-icon.mint,.mine-total-icon{background:#d7f9df}
.mine-metric strong{font-size:23px;color:#16251c;line-height:1.1}
.mine-metric small{color:#99a09a;font-size:13px;margin-top:3px}
.mine-totals{background:white;border-radius:18px;margin:13px 0;overflow:hidden;padding:8px 12px}
.mine-total{display:flex;gap:12px;align-items:center;min-height:64px;border-bottom:1px solid #e4ece7;font-size:13px}
.mine-total:last-of-type{border:0}
.mine-total-icon{width:38px;height:38px;margin:0;flex:none}
.mine-total-icon svg{width:20px;height:20px}
.mine-total strong{font-size:13px;color:#1b2e22;flex:1}
.mine-total b{font-size:21px;color:#006c44}
.mine-finance-note{font-size:11px;line-height:1.5;color:#617468;background:#f2fbf5;border-radius:9px;padding:10px;margin:2px 0 9px}
.mine-menu{margin-top:13px;background:white;border-radius:17px;padding:5px 14px;box-shadow:0 3px 15px #06552f0b}
.mine-menu-item{display:flex;align-items:center;gap:12px;min-height:61px;text-decoration:none;color:#49514a;border-bottom:1px solid #edf0eb;font-size:15px;width:100%;text-align:left}
.mine-menu-item:last-child{border:0}.mine-menu-item:hover{color:#006c44}
.mine-menu-icon{background:#f3f7ee;display:grid;place-items:center;border-radius:50%;width:40px;height:40px;flex:none;color:#006c44}
.mine-menu-icon .icon{width:21px;height:21px}
.mine-chevron{font-size:27px;font-weight:300;color:#9ca99f;margin-left:auto;line-height:1}
.mine-menu-value{margin-left:auto;color:#24a666;font-size:13px}
.mine-menu-value+.mine-chevron{margin-left:0}
.mine-logout{margin:0}
.mine-logout-button{border:0;background:transparent;padding:0;cursor:pointer;font-weight:650}
.mine-logout-button .mine-menu-icon{background:#fff1e9;color:#985537}
.mine-settings{margin-top:13px}
.mine-details{background:white;border-radius:15px;margin-bottom:11px;padding:14px 15px;box-shadow:0 2px 9px #00683f0a;scroll-margin-top:15px}
.mine-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700;color:#005a36}
.mine-details>summary::-webkit-details-marker{display:none}
.mine-details>summary .icon{width:19px;height:19px}
.mine-details .mine-detail-row{display:flex;align-items:center;gap:9px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #eff2ee;padding:12px 0;font-size:12px}
.mine-details .mine-detail-row b{color:#345e44;overflow-wrap:anywhere}
.mine-details .copy-box{margin:12px 0}
.mine-details .password-form{padding-top:14px}
.mine-support{position:fixed;right:max(15px,calc((100vw - 510px)/2 + 15px));bottom:108px;z-index:4;display:grid;place-items:center;background:#00936b;color:#fff;width:48px;height:48px;border-radius:50%;box-shadow:0 4px 18px #033b274f}
.mine-support svg{width:24px;height:24px}
.mine-page .bottom-nav .nav-entry.active{color:#006c44}
@media(max-width:370px){.mine-top{min-height:194px;padding:22px 15px 17px}.mine-main{padding-left:10px;padding-right:10px}.mine-metric strong{font-size:20px}.mine-wallet{padding:17px 4px}.mine-menu-item{font-size:13px}.wallet-column strong{font-size:25px}}

/* Keep Logout as the last visible Mine menu row; display settings only on demand. */
.mine-settings{display:none}
.mine-settings:target{display:block}


/* SILK ROAD V7 Team & Invite - screenshot-aligned, emerald green palette. */
.team-page{background:#f6f8f0}
.team-page .home-shell{background:#fffdf6;min-height:100vh}
.team-header{padding:22px 18px 4px;text-align:center;background:linear-gradient(180deg,#f1f8eb 0%,#fffdf7 100%)}
.team-header h1{font-size:23px;letter-spacing:0;color:#283a30;line-height:1.2;margin:19px 0 4px}
.team-switch{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:min(100%,275px);margin:0 auto;border-radius:32px;background:#dbeedd;padding:4px;gap:4px}
.team-switch a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#2d4c3c;padding:10px;border-radius:28px;font-size:16px;font-weight:600}
.team-switch a.selected{background:linear-gradient(105deg,#006a40,#078b57);color:#fff;box-shadow:0 2px 8px #00693c24}
.team-main{padding:38px 14px 105px}
.team-hero{position:relative;background:linear-gradient(108deg,#e7f94f 0%,#b8f840 48%,#72e62a 100%);border-radius:18px;padding:72px 13px 18px;margin:0 0 14px;color:#0a4228}
.team-avatar{position:absolute;top:-41px;left:50%;transform:translateX(-50%);background:#fff;border-radius:50%;width:95px;height:95px;box-shadow:0 3px 12px #23663a2e;padding:4px;border:2px solid #c4f4b6;display:grid;place-items:center}
.team-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.team-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 10px 19px}
.team-hero-stats div{min-width:0}
.team-hero-stats span{font-size:clamp(11px,3.2vw,15px);font-weight:700;display:block;color:#134b2a;line-height:1.3}
.team-hero-stats strong{display:block;font-size:clamp(26px,8vw,41px);line-height:1.2;color:#193622;margin-top:8px;font-weight:750}
.team-link-card{border-radius:18px;background:#fff;display:flex;gap:7px;align-items:center;padding:15px 14px;min-height:115px;box-shadow:0 2px 8px #0a381408;overflow:hidden}
.team-link-information{flex:1;min-width:0;display:grid;gap:7px}
.team-link-information b{font-size:16px;color:#25392d}
.team-link-information>span{font-size:12px;color:#006c44;text-decoration:underline;overflow-wrap:anywhere;word-break:break-word;line-height:1.5}
.team-card-logo{width:74px;height:74px;object-fit:contain;flex:none}
.team-link-copy{border:0;background:#e7f6ed;display:inline-flex;align-items:center;gap:6px;justify-content:center;color:#007044;font-size:12px;font-weight:700;border-radius:10px;padding:8px 11px;width:max-content}
.team-link-copy svg{width:15px;height:15px}
.team-note{margin:4px 8px 15px;color:#627c69;font-size:11px;line-height:1.5}
.team-group{padding:16px 14px 13px;border-radius:20px;background:#f3f4f7;margin:15px 0 18px}
.team-group h2{color:#2c3230;margin:0 5px 13px;font-size:21px;letter-spacing:0;font-weight:700}
.team-group-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:11px}
.team-group-left,.team-group-stat{background:#fff;border-radius:14px;min-width:0}
.team-group-left{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:15px 14px;min-height:162px}
.team-group-icon{width:62px;height:62px;border-radius:50%;background:#006c44;color:#cdf5ca;display:grid;place-items:center;margin:1px 0 13px}
.team-group-icon svg{height:33px;width:33px}
.team-group-left strong{font-size:31px;color:#242c28;line-height:1.16}
.team-group-left small{font-size:12px;color:#919c93;margin-top:7px}
.team-group-right{display:grid;gap:9px}
.team-group-stat{display:flex;align-items:center;gap:9px;padding:13px 9px;min-height:77px}
.team-stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;flex:none;color:#13753f}
.team-stat-icon svg{width:20px;height:20px}
.team-stat-icon.lilac{background:#e6e4ff;color:#6d60a4}.team-stat-icon.mint{background:#d5f9d9}
.team-group-stat strong{font-size:17px;color:#242c27;display:block;line-height:1.2}
.team-group-stat small{color:#949e97;font-size:11px;line-height:1.25;display:block;margin-top:6px}
.team-invite-hero{padding-top:73px;text-align:center}
.team-invite-hero>h2{font-size:23px;margin:0 0 8px;color:#123d29}
.team-invite-hero>p{font-size:13px;line-height:1.6;margin:0 8px 20px;color:#326043}
.team-invite-hero .team-link-card{text-align:left}
.team-invite-card{border-radius:19px;padding:22px 19px;background:#fff;box-shadow:0 3px 17px #005f3715;text-align:center}
.team-invite-card h2{font-size:17px;margin:0 0 14px;color:#185839}
.team-invite-card>strong{display:block;letter-spacing:2px;font-size:30px;color:#123e29;margin-bottom:18px}
.team-invite-card p{font-size:12px;color:#617569;margin:15px 0 0}
.team-return{margin:16px auto 0;display:flex;justify-content:center;align-items:center;gap:9px;color:#006c44;text-decoration:none;font-weight:700;font-size:14px}
.team-return svg{width:16px;height:16px}
.team-home-link{display:flex;align-items:center;gap:10px;background:#fff;padding:13px 17px;margin-top:14px;border-radius:15px;text-decoration:none;color:#006a40;font-size:15px;font-weight:750}
.team-home-link>svg{width:22px;height:22px}.team-home-link span{font-size:11px;color:#658c77;margin-left:auto;display:flex;align-items:center;gap:6px}.team-home-link span svg{height:16px;width:16px}
@media(max-width:370px){.team-main{padding-left:9px;padding-right:9px}.team-hero{padding-left:8px;padding-right:8px}.team-group{padding:14px 10px}.team-group-grid{gap:7px}.team-group-left{padding:11px}.team-link-card{padding:12px 8px}.team-card-logo{width:60px;height:60px}}


/* V8 - Silk Road story + My Products, keeping original emerald/cream theme. */
.silk-story-hero{position:relative;min-height:235px;overflow:hidden;border-radius:20px;margin:0 0 15px;isolation:isolate;background:#0b4e38;display:flex;align-items:end}
.silk-story-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}
.silk-story-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,52,30,.88))}
.silk-story-caption{color:#fff;padding:22px 19px}
.silk-story-caption span{font-size:11px;font-weight:800;letter-spacing:3px;color:#bdf8d6}
.silk-story-caption h2{font:700 27px/1.1 Georgia,serif;margin:8px 0}
.silk-story-caption p{font-size:13px;margin:0;color:#f3fff8}
.silk-story-secondary{min-height:180px}
.silk-story-text p{line-height:1.7}.silk-story-highlights{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.silk-story-highlights span{font-size:11px;color:#005d3b;background:#e7f8ec;border:1px solid #c6e9d2;border-radius:100px;padding:7px 9px}
.reward-balance-inline{border-radius:15px;background:linear-gradient(110deg,#075438,#079060);padding:18px;color:#fff;margin:12px 0 14px;display:flex;gap:7px;flex-direction:column}
.reward-balance-inline small{color:#e0fff0;font-weight:600;font-size:12px}.reward-balance-inline strong{font-size:27px;color:#fff;line-height:1.1}
.my-products-title{text-align:center;margin:5px 0 24px}.my-products-title h2{margin:0 0 4px;color:#114d36;font-size:25px}.my-products-title span{font-size:13px;color:#6c8e78}
.my-product-card{border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 5px 20px #00462e14;margin:0 0 20px}
.my-product-content{padding:19px 17px 14px}
.my-product-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.my-product-heading h3{font-size:19px;color:#142c20;margin:0}.product-valid{background:#dbf6e5;border-radius:100px;color:#006f42;padding:3px 13px;font-size:12px}
.my-product-detail{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:12px;align-items:center}
.my-product-detail>div{min-width:0}.my-product-detail p{font-size:13px;color:#263a30;margin:0 0 7px;overflow-wrap:anywhere;line-height:1.5}.my-product-detail p span{color:#75877c}
.my-product-detail img{width:108px;height:143px;border-radius:15px;object-fit:cover}
.gift-tag{background:#f3ffcf;color:#296728!important;border-radius:6px;padding:2px 5px;font-size:11px}
.product-progress{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #e7f0e8;margin-top:14px;padding-top:12px;font-size:12px;color:#6a7d70}
.product-progress strong{color:#006c44;font-size:13px}
.product-claim-button,.product-claim-disabled{display:flex;align-items:center;justify-content:center;min-height:65px;width:100%;border:0;font-size:18px;font-weight:700}
.product-claim-button{background:linear-gradient(110deg,#005339,#008e59);color:white;cursor:pointer}
.product-claim-button:hover{filter:brightness(1.1)}
.product-claim-disabled{background:#d9dcd9;color:white;font-size:14px;padding:10px}
.products-no-more{text-align:center;color:#86938b;font-size:15px;margin:40px 0 60px}
.reward-ledger-block{margin-top:0}
.task-extra{background:#f5fbf7;border:1px solid #d5e8dc;padding:12px;border-radius:16px;margin:13px 0 35px}
.task-extra summary{font-weight:700;color:#005c3c;cursor:pointer;padding:7px 5px;list-style-position:inside}
.task-extra .feature-card{margin:15px 0}
.reward-record-list{display:grid;gap:6px;margin:15px 0}.reward-record{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 2px;border-bottom:1px solid #e3eee8;font-size:13px}
.reward-record span{font-weight:650}.reward-record small{display:block;color:#799381;font-size:11px;font-weight:400}.reward-record strong{color:#006c44;white-space:nowrap}
.mine-product-link{display:flex;align-items:center;gap:8px;color:#006e48;background:#edf9f1;padding:17px 14px;border:1px solid #c9ebd6;border-radius:14px;text-decoration:none;font-weight:700;font-size:13px}
.mine-product-link .icon{width:18px;height:18px}.mine-product-link .icon:last-child{margin-left:auto}
.mine-metric strong{font-size:clamp(16px,4.8vw,22px)}
.mine-wallet strong{font-variant-numeric:tabular-nums}
@media(max-width:350px){.my-product-detail{grid-template-columns:minmax(0,1fr) 88px}.my-product-detail img{width:88px;height:120px}.my-product-detail p{font-size:12px}.product-progress{flex-direction:column;align-items:flex-start}}


/* SILK ROAD V9 – compact registration spacing. No password-length instruction
   appears as a placeholder or inline hint (validation runs on submission). */
.brand-header{padding-top:19px}
.brand-mark{width:112px;height:68px}
.brand-mark img{width:110px;height:68px;object-fit:contain}
.brand-name{margin:2px 0 3px;font-size:16px;letter-spacing:3px}
.brand-header h1{font-size:35px;line-height:1.12;margin:4px 0 0}
.register-main{padding-top:29px}
.register-main .auth-form{gap:23px}
.register-main .form-field{height:60px;border-radius:17px}
.register-main .field-legend{font-size:12px;top:-13px}
.register-main .primary-button{margin-top:5px;min-height:57px}
.register-main .auth-bottom{margin:-9px 0 3px}
.register-main .form-field.has-input-error{margin-bottom:16px}
/* Keep login visually consistent without changing its functionality. */
.login-main{padding-top:48px}
.login-main .auth-form{gap:28px}
@media(max-width:390px){
  .brand-header{padding-top:16px}
  .brand-mark{height:65px}
  .register-main{padding-top:26px}
  .register-main .auth-form{gap:22px}
  .register-main .form-field{height:58px;padding:0 13px}
  .register-main .field-legend{font-size:11px}
  .register-main .form-field.has-input-error{margin-bottom:17px}
}


/* SILK ROAD V10: final compact signup layout; always load with ?v=10.1 to bypass stale browser cache.
   Intent: bring phone/password/confirm/pay/invite/signup together without changing the original green palette. */
.page .site-shell:has(.register-main){padding-bottom:18px}
.page .site-shell:has(.register-main) .brand-header{padding-top:9px}
.page .site-shell:has(.register-main) .brand-mark{height:53px;width:95px}
.page .site-shell:has(.register-main) .brand-mark img{height:53px;width:95px;object-fit:contain}
.page .site-shell:has(.register-main) .brand-name{margin:1px 0 1px;font-size:14px;line-height:1.25;letter-spacing:2.6px}
.page .site-shell:has(.register-main) .brand-header h1{font-size:34px;line-height:1.04;letter-spacing:-1px;margin:5px 0 0}
.page .register-main{padding-top:22px}
.page .register-main .auth-form{gap:17px}
.page .register-main .form-field{height:53px;min-height:53px;padding:0 13px;gap:9px;border-radius:16px;margin-bottom:0}
.page .register-main .field-legend{top:-12px;left:15px;font-size:11px;letter-spacing:.85px;line-height:19px;padding:0 6px}
.page .register-main .form-field input{font-size:17px}
.page .register-main .form-field input::placeholder{font-size:14px}
.page .register-main .field-icon{flex-basis:20px}
.page .register-main .field-icon svg{width:20px;height:20px}
.page .register-main .country-code{font-size:16px;padding-right:10px}
.page .register-main .password-toggle{flex-basis:27px;width:27px}
.page .register-main .primary-button{height:53px;min-height:53px;font-size:18px;margin-top:2px}
.page .register-main .auth-bottom{margin:0 0 2px;font-size:13px}
.page .register-main .form-field.has-input-error{margin-bottom:0}
.page .register-main .form-submit-error{margin:0;padding:8px 12px;border-radius:9px;background:#fff5f1;color:#ad4031;font-size:12px}
/* Make the above error message available only after submit, and never permanently beneath the password field. */
@media(max-width:390px){
 .page .site-shell:has(.register-main){padding-left:16px;padding-right:16px}
 .page .site-shell:has(.register-main) .brand-header{padding-top:8px}
 .page .register-main{padding-top:20px}
 .page .register-main .auth-form{gap:16px}
 .page .register-main .form-field{height:51px;min-height:51px}
 .page .register-main .field-legend{font-size:10.5px;letter-spacing:.75px}
 .page .register-main .primary-button{height:52px;min-height:52px}
}
@media(max-height:700px){
 .page .site-shell:has(.register-main) .brand-header{padding-top:5px}
 .page .register-main{padding-top:17px}
 .page .register-main .auth-form{gap:15px}
 .page .register-main .form-field{height:49px;min-height:49px}
 .page .register-main .primary-button{height:49px;min-height:49px}
}

/* V13: active Silk Road central circle opens member Team instead of Discover. */
.bottom-nav .bottom-brand{border-color:#bce1c9;background:#fff}
.bottom-nav .bottom-brand.active{border-color:#0a975e;box-shadow:0 0 0 5px rgba(0,128,77,.13)}
.team-v13 .team-header{padding:19px 15px 6px;background:linear-gradient(180deg,#eff9f1 0%,#fffdf9 100%)}
.team-v13 .team-switch{width:min(100%,310px)}
.team-v13 .team-main{padding-top:42px}
.team-v13 .team-hero{padding:64px 14px 15px;background:linear-gradient(110deg,#e4f848 0%,#b1ed44 51%,#73df2b 100%)}
.team-v13 .team-a-title{margin:0 4px 6px;font-size:19px;color:#124c2e}
.team-v13 .team-a-title span{font-size:13px;color:#1a572f}
.team-v13 .team-owner{font-size:12px;margin:0 4px 17px;color:#225738}
.team-v13 .team-hero-stats{margin:0 6px 17px;gap:9px}
.team-v13 .team-hero-stats strong{font-size:clamp(23px,7vw,33px)}
.team-v13 .team-hero-stats .team-unavailable{font-size:15px;line-height:1.4;margin-top:10px}
.team-v13 .team-hero-stats>div+div{padding-left:11px;border-left:1px solid #629d4a73}
.team-v13 .team-group-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 11px}
.team-v13 .team-group-title h2{margin:0}
.team-v13 .team-group-details{display:inline-flex;align-items:center;gap:2px;font-size:12px;text-decoration:none;color:#007449;font-weight:650;white-space:nowrap}
.team-v13 .team-group-details svg{width:15px;height:15px}
.team-v13 .team-member-detail{background:#fff;border-radius:14px;margin-top:13px;padding:15px 12px}
.team-v13 .team-member-detail h3{font-size:14px;color:#064d35;margin:0 0 10px}
.team-v13 .team-member-detail p{color:#66766c;font-size:12px}
.team-v13 .team-member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e9eee9;padding:12px 0;font-size:13px}
.team-v13 .team-member-row small{font-size:11px;color:#7b877f;white-space:nowrap}
.team-v13 .team-link-card{min-height:115px}
@media(max-width:360px){.team-v13 .team-hero-stats .team-unavailable{font-size:13px}}

/* V14: A is me; only B and C referral tiers; default 0.00 earnings. */
.team-v14 .team-header{padding:19px 15px 6px;background:linear-gradient(180deg,#eff9f1 0%,#fffdf9 100%)}
.team-v14 .team-switch{width:min(100%,310px)}
.team-v14 .team-main{padding-top:42px}
.team-v14 .team-hero{padding:64px 14px 15px;background:linear-gradient(110deg,#e4f848 0%,#b1ed44 51%,#73df2b 100%)}
.team-v14 .team-a-title{margin:0 4px 6px;font-size:19px;color:#124c2e}
.team-v14 .team-a-title span{font-size:13px;color:#1a572f}
.team-v14 .team-owner{font-size:12px;margin:0 4px 17px;color:#225738}
.team-v14 .team-hero-stats{margin:0 6px 17px;gap:9px}
.team-v14 .team-hero-stats strong{font-size:clamp(21px,6vw,32px)}
.team-v14 .team-hero-stats>div+div{padding-left:11px;border-left:1px solid #629d4a73}
.team-v14 .team-hero-stats .team-etb{display:inline;font-size:12px;font-weight:700}
.team-v14 .team-group-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 11px}
.team-v14 .team-group-title h2{margin:0}
.team-v14 .team-group-details{display:inline-flex;align-items:center;gap:2px;font-size:12px;text-decoration:none;color:#007449;font-weight:650;white-space:nowrap}
.team-v14 .team-group-details svg{width:15px;height:15px}
.team-v14 .team-member-detail{background:#fff;border-radius:14px;margin-top:13px;padding:15px 12px}
.team-v14 .team-member-detail h3{font-size:14px;color:#064d35;margin:0 0 10px}
.team-v14 .team-member-detail p{color:#66766c;font-size:12px}
.team-v14 .team-member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e9eee9;padding:12px 0;font-size:13px}
.team-v14 .team-member-row small{font-size:11px;color:#7b877f;white-space:nowrap}
.team-v14 .team-link-card{min-height:115px}
.team-v14 .team-group-stat strong{font-size:clamp(13px,3vw,17px)}
@media(max-width:360px){.team-v14 .team-hero-stats strong{font-size:22px}.team-v14 .team-group-left strong{font-size:24px}}


/* V15 – Group A, B, C visible on overview; ONLY View details shows accounts. */
.team-v15 .team-group-title{align-items:center;gap:12px}
.team-v15 .team-group-title h2{margin:0;font-size:20px}
.team-v15 .team-group-details{border:1px solid #b7e4cc;background:#fafffc;padding:8px 10px;border-radius:9px;min-height:37px;font-size:12px}
.team-v15 .team-group-details:hover,.team-v15 .team-group-details:focus-visible{background:#def5e8}
.team-v15 .team-group{scroll-margin-top:24px}
.team-v15 .team-detail-top{text-align:left;margin:0 2px 3px}
.team-v15 .team-back{display:inline-flex;align-items:center;min-height:40px;padding:4px 12px;color:#006d49;text-decoration:none;font-weight:700;font-size:13px;background:#e4f4eb;border-radius:20px}
.team-v15 .team-header:has(.team-detail-top){padding-bottom:17px}
.team-v15 .team-header:has(.team-detail-top) h1{margin-top:4px}
.team-v15 .team-main:has(.team-detail-hero){padding-top:11px}
.team-v15 .team-detail-hero{background:linear-gradient(110deg,#dff84e,#89e536);border-radius:21px;padding:19px 18px;display:flex;align-items:center;gap:13px;color:#104b2b;flex-wrap:wrap}
.team-v15 .team-detail-hero-icon{width:53px;height:53px;border-radius:50%;background:#fff9;display:grid;place-items:center;flex:none}
.team-v15 .team-detail-hero-icon svg{width:29px;height:29px}
.team-v15 .team-detail-hero>div:nth-child(2){flex:1;min-width:135px}
.team-v15 .team-detail-hero h2{font-size:23px;margin:0;letter-spacing:0}
.team-v15 .team-detail-hero p{font-size:12px;margin:3px 0 0;line-height:1.4}
.team-v15 .team-detail-kicker{font-size:10px;font-weight:800;letter-spacing:1.2px}
.team-v15 .team-detail-count{width:100%;background:#fff8;padding:12px 15px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:9px}
.team-v15 .team-detail-count strong{font-size:25px;line-height:1;color:#0b6040}
.team-v15 .team-detail-count span{font-size:12px;color:#295a3e}
.team-v15 .team-detail-member-list{background:#fff;border-radius:21px;padding:19px 15px;margin-top:16px;box-shadow:0 8px 24px #07603b09}
.team-v15 .team-detail-member-list h2{font-size:19px;margin:0 0 13px}
.team-v15 .team-detail-member-row{display:flex;align-items:center;gap:11px;border-top:1px solid #eff3ef;padding:14px 3px;min-width:0}
.team-v15 .team-detail-member-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#00764e;background:#e5f7e9;flex:none}
.team-v15 .team-detail-member-avatar svg{width:22px;height:22px}
.team-v15 .team-detail-member-info{display:flex;flex-direction:column;flex:1;min-width:0}
.team-v15 .team-detail-member-info strong{font-size:14px;letter-spacing:.3px}
.team-v15 .team-detail-member-info small{font-size:11px;color:#829087;line-height:1.55;overflow-wrap:anywhere}
.team-v15 .team-detail-member-number{font-size:11px;color:#75867a;flex:none}
.team-v15 .team-detail-empty{text-align:center;padding:25px 14px;color:#6a8475}
.team-v15 .team-detail-empty svg{width:34px;height:34px;margin:auto;color:#8ec6a5}
.team-v15 .team-detail-empty p{font-weight:700;margin:9px 0 4px;font-size:14px;color:#3d5548}
.team-v15 .team-detail-empty small{display:block;font-size:12px;line-height:1.5}
.team-v15 .team-detail-pages{margin:15px 0;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px}
.team-v15 .team-detail-pages a,.team-v15 .team-details-done{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#e6f6ed;color:#006b45;border:1px solid #c0e4d0;border-radius:11px;padding:12px;font-weight:700}
.team-v15 .team-details-done{display:flex;margin:20px 0 25px}
@media(max-width:370px){.team-v15 .team-group-details{font-size:11px;padding:6px 8px}.team-v15 .team-detail-hero{padding:15px 13px}}

/* SILK ROAD V16: compact Team A/B/C and Mine shortcuts. */
.team-v16 .team-header{padding:10px 12px 2px}
.team-v16 .team-header h1{font-size:19px;margin:8px 0 1px}
.team-v16 .team-switch{max-width:270px;padding:3px}
.team-v16 .team-switch a{padding:7px;font-size:13px}
.team-v16 .team-main{padding:9px 12px 100px}
.team-total-overview{background:linear-gradient(115deg,#d9f852,#aaf03e 56%,#6bdc30);border-radius:17px;padding:14px 13px 13px;margin-bottom:12px;color:#164b2e}
.team-overview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.team-total-kicker{font-size:9px;letter-spacing:1px;font-weight:800;color:#335f32}
.team-overview-head h2{font-size:16px;color:#144a2b;margin:3px 0 3px;line-height:1.2}
.team-overview-head small{font-size:11px;color:#3c653f}
.team-overview-avatar{width:47px;height:47px;object-fit:contain;background:#fff;border-radius:50%;border:2px solid #b7ed9b}
.team-overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 13px}
.team-overview-stats>div{border-radius:11px;background:#fff8;padding:9px 9px}
.team-overview-stats span{display:block;font-size:11px;font-weight:700}
.team-overview-stats strong{display:block;font-size:25px;color:#064a31;margin:1px 0}
.team-overview-stats strong em{font-size:11px;font-style:normal}
.team-overview-stats small{font-size:9px;color:#537353}
.team-v16 .team-link-card{padding:9px 10px;border-radius:12px;min-height:0}
.team-v16 .team-link-information{gap:4px}
.team-v16 .team-link-information b{font-size:12px}
.team-v16 .team-link-information>span{font-size:10px}
.team-v16 .team-link-copy{font-size:10px;padding:6px 9px}
.team-v16 .team-card-logo{width:46px;height:46px}
.team-v16 .team-group{padding:10px;margin:0 0 10px;border-radius:14px}
.team-v16 .team-group-title{margin-bottom:7px}
.team-v16 .team-group h2{font-size:16px;margin:0}
.team-v16 .team-group h2 small{font-size:11px;color:#677b6d;font-weight:500}
.team-v16 .team-group-details{min-height:27px;padding:4px 7px;font-size:10px}
.team-v16 .team-group-grid{grid-template-columns:1fr 1.25fr;gap:7px}
.team-v16 .team-group-left{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;min-height:0;padding:8px 7px}
.team-v16 .team-group-icon{width:35px;height:35px;margin:0;flex:none}
.team-v16 .team-group-icon svg{height:19px;width:19px}
.team-compact-numbers{display:flex;flex-direction:column;min-width:0}
.team-v16 .team-group-left strong{font-size:20px}
.team-v16 .team-group-left small{font-size:9px;margin:1px 0;line-height:1.25}
.team-v16 .team-group-right{gap:4px}
.team-v16 .team-group-stat{min-height:42px;padding:5px;gap:5px;border-radius:10px}
.team-v16 .team-stat-icon{width:24px;height:24px}
.team-v16 .team-stat-icon svg{width:13px;height:13px}
.team-v16 .team-group-stat strong{font-size:11px}
.team-v16 .team-group-stat small{font-size:9px;margin-top:2px}
.team-v16 .team-main:has(.team-detail-hero){padding-top:8px}
.team-v16 .team-detail-hero{padding:12px}
.team-v16 .team-detail-hero h2{font-size:18px}
.mine-page .wallet-column strong{font-size:clamp(15px,4.2vw,23px);margin:8px 0 4px;white-space:nowrap}
.mine-page .wallet-column div{font-size:clamp(10px,2.6vw,12px)}
.mine-page .wallet-column small{font-size:10px;line-height:1.25;display:block}
.mine-page .mine-wallet{padding:17px 6px}
.mine-three-links{background:#fff;border-radius:17px;padding:12px 8px;margin:13px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));box-shadow:0 2px 12px #06552f10}
.mine-three-links a{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:72px;justify-content:center;color:#32433b;text-decoration:none;font-size:12px;text-align:center;font-weight:600}
.mine-three-links a:focus-visible{outline:2px solid #068652;border-radius:11px}
.mine-quick-icon{background:#f6f5eb;color:#08734d;display:grid;place-items:center;border-radius:50%;height:39px;width:39px}
.mine-quick-icon svg{width:22px;height:22px}
.mine-three-links a:nth-child(2) .mine-quick-icon{color:#006b49}
.bought-products-page{padding:17px 15px}
.bought-header{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #edf3ec}
.bought-header img{width:54px;height:54px}
.bought-header h2{font-size:18px;margin:3px 0}
.bought-header small{font-size:10px;color:#587462;font-weight:800;letter-spacing:.7px}
.bought-document-icon{display:grid;place-items:center;height:50px;width:50px;background:#dff2e7;border-radius:13px;color:#007949}
.bought-document-icon svg{width:28px;height:28px}
.bought-empty{text-align:center;padding:28px 10px;color:#728477}
.bought-empty>svg{height:36px;width:36px;color:#006c44;margin-bottom:5px}
.bought-empty h3{font-size:16px;color:#21392b;margin:9px 0}
.bought-empty p{font-size:12px;line-height:1.6}
.bought-product-item{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #eef2ec;padding:13px 0}
.bought-product-item img{width:76px;height:74px;border-radius:9px;object-fit:cover;flex:none}
.bought-product-item h3{margin:0 0 4px;font-size:15px}
.bought-product-item p{margin:7px 0 3px;font-size:12px}
.bought-product-item small{color:#829184;font-size:11px}
.bought-status{background:#e3f7ec;border-radius:8px;padding:3px 7px;color:#006b42;font-size:10px;text-transform:capitalize}
/* V16 requested smaller Mine content while keeping comfortable tap targets. */
.mine-page .mine-top{min-height:175px;padding:17px 15px 15px}
.mine-page .mine-brand{font-size:clamp(18px,5vw,23px)}
.mine-page .mine-brand img{width:45px;height:42px}
.mine-page .mine-identity{margin-top:12px;gap:10px}
.mine-page .mine-avatar{width:65px;height:65px}
.mine-page .mine-avatar img{width:54px;height:54px}
.mine-page .mine-phone{font-size:16px;margin-top:5px}
.mine-page .mine-member{font-size:10px;padding:5px 8px}
.mine-page .mine-state{font-size:9px}
.mine-page .mine-main{padding-left:11px;padding-right:11px}
.mine-page .mine-wallet{border-radius:17px;padding:16px 6px}
.mine-page .mine-metrics{gap:8px;margin:10px 0}
.mine-page .mine-metric{min-height:96px;padding:10px}
.mine-page .mine-metric-icon{width:34px;height:34px;margin-bottom:6px}
.mine-page .mine-metric-icon svg{width:19px;height:19px}
.mine-page .mine-metric strong{font-size:clamp(17px,4.5vw,21px)}
.mine-page .mine-metric small{font-size:11px}
.mine-page .mine-totals{margin:10px 0;padding:5px 10px}
.mine-page .mine-total{min-height:52px;gap:8px}
.mine-page .mine-total-icon{width:31px;height:31px}
.mine-page .mine-total-icon svg{width:17px;height:17px}
.mine-page .mine-total strong{font-size:12px}
.mine-page .mine-total b{font-size:clamp(15px,4vw,18px)}
.mine-page .mine-menu{margin-top:10px}
.mine-page .mine-menu-item{min-height:53px;font-size:13px}
.mine-page .mine-menu-icon{width:35px;height:35px}


/* SILK ROAD V17 — Wealth: historical trade story only. */
.v17-wealth-hero{position:relative;min-height:230px;overflow:hidden;border-radius:18px;margin:0 0 12px;background:#e5d6b3;isolation:isolate}
.v17-wealth-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.v17-wealth-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,251,235,.94) 0%,rgba(255,247,222,.76) 45%,rgba(255,245,209,.08) 100%);z-index:-1}
.v17-wealth-hero-copy{padding:28px 16px;max-width:77%}
.v17-wealth-hero-copy span{font-size:9px;letter-spacing:1.2px;color:#4d634d;font-weight:800}
.v17-wealth-hero-copy h2{font:700 clamp(24px,7vw,36px)/1 Georgia,serif;color:#06462d;margin:13px 0 9px}
.v17-wealth-hero-copy p{color:#245a3d;font-size:13px;font-weight:600;line-height:1.4;margin:0}
.v17-wealth-section{background:#fff;border-radius:17px;padding:16px;margin:12px 0;box-shadow:0 5px 20px #055c3810}
.v17-wealth-section h3{font-size:18px;color:#074532;margin:0;line-height:1.3}
.v17-wealth-section p{font-size:13px;color:#526b5e;line-height:1.6;margin:8px 0 0}
.v17-section-label{display:flex;align-items:center;gap:11px}
.v17-section-icon{width:37px;height:37px;border-radius:50%;background:#dcf8e7;color:#00683c;display:grid;place-items:center;flex:none}
.v17-section-icon svg{width:21px;height:21px}
.v17-about-trade>img{width:100%;height:165px;object-fit:cover;object-position:50% 65%;border-radius:12px;margin-top:13px;display:block}
.v17-process-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.v17-process-steps>div{padding:12px 9px;border:1px solid #e3f3e6;border-radius:12px;background:#f8fcf9;display:flex;flex-direction:column;gap:5px}
.v17-step-marker{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e1f5e9;color:#006941;font-weight:800}
.v17-process-steps strong{font-size:12px;color:#174b32}
.v17-process-steps small{font-size:11px;line-height:1.5;color:#668072}
.v17-trade-highlights{display:grid;gap:10px;margin-top:12px}
.v17-trade-highlights>div{border-left:3px solid #7bcfa6;padding:4px 0 4px 12px}
.v17-trade-highlights strong{font-size:13px;color:#16563a}
.v17-trade-highlights p{font-size:11px;margin:2px 0 0}
.v17-wealth-disclaimer{font-size:11px!important;margin:8px 0 11px!important}
.v17-product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}
.v17-product-gallery article{min-width:0}
.v17-product-gallery img{width:100%;aspect-ratio:1.17;object-fit:cover;border-radius:10px;display:block}
.v17-product-gallery b{display:block;font-size:10px;font-weight:700;color:#16543a;margin:5px 1px 0;line-height:1.35}
.v17-wealth-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-radius:17px;box-shadow:0 3px 15px #055c3810;margin:13px 0 7px;padding:11px 7px}
.v17-wealth-links a{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:5px;color:#005e3b;font-size:12px;font-weight:700;min-height:63px;text-decoration:none;border-right:1px solid #dceee4}
.v17-wealth-links a:last-child{border-right:0}
.v17-wealth-links svg,.v17-wealth-links img{width:29px;height:29px}
@media(max-width:350px){.v17-wealth-section{padding:12px}.v17-wealth-hero{min-height:198px}.v17-product-gallery b{font-size:9px}}
/* SILK ROAD V17 — Team: align header and figures with the supplied reference. */
.team-v17 .team-header{padding:15px 13px 2px;background:linear-gradient(180deg,#f4fff8,#fffdf6)}
.team-v17 .team-header h1{font-size:20px;margin:11px 0 1px}
.team-v17 .team-switch{max-width:315px}
.team-v17 .team-main{padding:39px 11px 100px}
.team-v17 .team-total-overview{position:relative;background:linear-gradient(110deg,#defa50 0%,#bafb41 45%,#73e82c 100%);border-radius:17px;padding:63px 12px 13px;margin:0 0 12px}
.team-v17 .v17-team-avatar{position:absolute;top:-32px;left:50%;transform:translateX(-50%);width:82px;height:82px;border:4px solid #fff;border-radius:50%;background:#eefbf0;box-shadow:0 3px 10px #11673c39;display:grid;place-items:center;overflow:hidden}
.team-v17 .v17-team-avatar img{width:100%;height:100%;object-fit:cover}
.team-v17 .v17-team-summary{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:center;margin:0 4px 17px}
.team-v17 .v17-team-summary-item{min-width:0}
.team-v17 .v17-team-summary-item + .v17-team-summary-item{border-left:1px solid #649e4e77;padding-left:12px}
.team-v17 .v17-team-summary span{display:block;color:#175333;font-size:clamp(12px,3.7vw,16px);font-weight:700;line-height:1.3}
.team-v17 .v17-team-summary strong{font-size:clamp(25px,8vw,37px);line-height:1.2;margin-top:6px;display:block;color:#172f21;white-space:nowrap}
.team-v17 .v17-team-summary strong small{font-size:12px;font-weight:700}
.team-v17 .team-link-card{padding:12px;min-height:0;border-radius:14px}
.team-v17 .team-link-information{gap:6px}
.team-v17 .team-link-information b{font-size:14px}
.team-v17 .team-link-information>span{font-size:11px}
.team-v17 .team-link-copy{font-size:11px;padding:7px 10px}
.team-v17 .team-card-logo{width:52px;height:52px}
.team-v17 .team-group{padding:12px;margin:0 0 11px;background:#f1f3f7;border-radius:17px}
.team-v17 .team-group h2{font-size:17px}
.team-v17 .team-group-title{margin-bottom:10px}
.team-v17 .team-group-details{font-size:11px;min-height:30px;padding:6px 9px}
.team-v17 .team-group-grid{grid-template-columns:1.06fr 1fr;gap:8px}
.team-v17 .team-group-left{min-height:108px;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 11px;gap:6px;border-radius:13px}
.team-v17 .team-group-icon{width:43px;height:43px}
.team-v17 .team-group-icon svg{width:24px;height:24px}
.team-v17 .team-group-left strong{font-size:25px}
.team-v17 .team-group-left small{font-size:11px}
.team-v17 .team-group-right{gap:6px}
.team-v17 .team-group-stat{min-height:50px;gap:7px;padding:8px;border-radius:12px}
.team-v17 .team-stat-icon{width:30px;height:30px}
.team-v17 .team-stat-icon svg{width:17px;height:17px}
.team-v17 .team-group-stat strong{font-size:12px}
.team-v17 .team-group-stat small{font-size:10px}
.team-v17 .team-main:has(.team-detail-hero){padding-top:10px}
@media(max-width:365px){.team-v17 .team-main{padding-left:8px;padding-right:8px}.team-v17 .team-group-left{padding:9px 7px}.team-v17 .v17-team-summary strong{font-size:25px}}


/* SILK ROAD V18: static viewport anchoring for the three home quick icons.
   The rail is fixed at bottom right above the five-button navigation,
   instead of scrolling away with the hero image. */
.home-page .quick-rail {
  position: fixed;
  top: auto;
  right: max(14px, calc((100vw - 510px) / 2 + 14px));
  bottom: calc(92px + env(safe-area-inset-bottom, 0px));
  left: auto;
  z-index: 6;
  gap: 8px;
  padding: 8px 7px;
  border: 1px solid #d9eadd;
  box-shadow: 0 6px 22px rgba(0, 59, 33, .22);
}
.home-page .quick-rail a {width: 42px; height: 42px;}
.home-page .quick-rail a:hover {background: #005538;}
@media (max-height: 550px) {
  .home-page .quick-rail {gap: 5px;padding: 6px;bottom: calc(84px + env(safe-area-inset-bottom, 0px));}
  .home-page .quick-rail a {width: 36px;height: 36px;}
}
/* Modal is intentionally brief: app distribution is not active yet. */
.silk-coming-soon {
  border: none;
  border-radius: 20px;
  width: min(340px, calc(100% - 44px));
  max-width: 95vw;
  padding: 0;
  box-shadow: 0 16px 60px rgba(0, 48, 29, .24);
  background: white;
  color: #183b2a;
}
.silk-coming-soon::backdrop {background: rgba(0, 26, 16, .50);}
.silk-soon-content {padding: 25px 23px 20px;text-align:center;}
.silk-soon-content h2 {font-size: 24px;margin: 7px 0 8px;}
.silk-soon-content p {color:#527565;font-size:14px;line-height:1.55;margin:0 0 20px;}
.silk-soon-icon {margin:0 auto;border-radius:50%;background:#e6f6ec;width:50px;height:50px;display:grid;place-items:center;color:#006c44;font-size:28px;font-weight:bold;}
.silk-soon-content button {border:0;background:linear-gradient(110deg,#005638,#008956);color:white;border-radius:12px;padding:11px 30px;font-weight:700;min-width:112px;}

/* SILK ROAD V19 – Mobile withdrawal schedule and commission summary */
.team-commission-rates { display:flex; gap:7px; flex-wrap:wrap; align-items:center; padding:11px 0 13px; font-size:12px; color:#084e33; }
.team-commission-rates strong { width:100%; font-size:14px; }
.team-commission-rates span { padding:6px 11px; border-radius:999px; background:rgba(255,255,255,.8); font-weight:800; }
.team-commission-rates small { width:100%; line-height:1.45; font-size:11px; }
.team-commission-warning { padding:9px; background:#fff1e6; border-radius:9px; font-size:12px; }
.team-third-level { color:#136442; text-align:center; font-size:12px; margin:7px 0 18px; }
.silk-withdraw-policy { overflow:hidden; }
.silk-withdraw-policy h3 { margin:9px 0 12px; }
.policy-when { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.policy-day { display:flex; gap:6px; align-items:center; border:1px solid #b4dfc9; padding:13px 10px; border-radius:14px; background:#effaf2; color:#006a43; font-weight:800; }
.policy-day svg { width:19px; height:19px; flex:0 0 auto; }
.policy-hours { font-size:25px !important; color:#075a3a; font-weight:900; margin:6px 0; }
.policy-hours small { display:block; font-size:13px; font-weight:500; }
.policy-timezone { font-size:12px; color:#64786f; }
.withdraw-window-status { border-radius:12px; padding:13px 14px; display:flex; flex-direction:column; font-weight:750; margin-top:18px; }
.withdraw-window-status small { font-size:12px; font-weight:400; margin-top:4px; }
.withdraw-window-status.is-open { background:#e3f8e9; color:#076038; }
.withdraw-window-status.is-closed { background:#fff1e8; color:#9b481f; }
.silk-withdraw-amounts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:6px 0 11px; }
.silk-withdraw-amount { font:inherit; font-weight:800; color:#075e40; background:#eff9f3; border:1px solid #bbdbc8; border-radius:14px; min-height:51px; padding:10px 5px; cursor:pointer; }
.silk-withdraw-amount.chosen { background:#00754a; color:#fff; border-color:#00754a; }
.silk-withdraw-amount:disabled { opacity:.63; cursor:not-allowed; }
.silk-withdraw-selection { display:block; color:#4c6d5e; font-size:12px; line-height:1.5; min-height:34px; }
@media (max-width:355px) { .policy-hours { font-size:21px !important; } .policy-day { font-size:13px; } .team-commission-rates { font-size:11px; }}

/* SILK ROAD V22: small withdrawal form changes only */
.v22-withdraw-balance{display:flex;flex-direction:column;gap:4px;background:#f0f9f2;padding:12px 14px;border-radius:16px;margin:8px 0 14px;color:#14553f}
.v22-withdraw-balance strong{font-size:24px}.v22-withdraw-balance small{font-size:12px}
.v22-withdraw-lead{margin:12px 0 3px;font-weight:700;color:#164631}
.v22-withdraw-calculation{margin:12px 0;display:grid;gap:8px;border-radius:14px;background:#f8faf8;padding:12px}
.v22-withdraw-calculation>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.v22-withdraw-calculation strong{white-space:nowrap}.v22-withdraw-net{border-top:1px solid #d9e6db;padding-top:10px;color:#07683f}
.v22-strong-warning{border-left:4px solid #b96324;background:#fff5eb;padding:12px;margin:10px 0 15px;color:#69401e;border-radius:9px;font-size:14px;line-height:1.5}
.v22-pay-label{display:block;margin-bottom:7px;font-weight:700;color:#173f30}
.v22-pay-input{box-sizing:border-box;width:100%;border:1px solid #bcd8c7;background:#fff;border-radius:13px;padding:14px;font-size:16px;color:#173f30}
.v22-acknowledge{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:13px;line-height:1.5;color:#23473a}
.v22-acknowledge input{width:18px;height:18px;flex-shrink:0;accent-color:#007b50;margin-top:2px}
.v22-submit-withdraw{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;border:0;font:inherit;font-weight:800}
.v22-submit-withdraw:disabled{opacity:.5;cursor:not-allowed}
.v22-request-history h3{margin:2px 0 12px}.v22-request-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e2ede7}
.v22-request-row>span{display:flex;flex-direction:column;gap:4px}.v22-request-row>span:last-child{text-align:right}.v22-request-row small,.v22-history-note{font-size:12px;color:#62776c}


/* V24: brighter animated Home hero text, hidden welcome ticker, product link on Mine, simplified withdrawal view. */
.ticker{display:none !important;}
.silk-hero{overflow:hidden;}
.hero-heading-animated{padding-top:58px;animation:heroFloat 4.8s ease-in-out infinite;}
.hero-brand{font-size:clamp(50px,14vw,78px) !important;line-height:.95 !important;color:#00a86b !important;text-shadow:0 2px 0 rgba(255,255,255,.85),0 10px 24px rgba(0,108,68,.30),0 0 18px rgba(0,168,107,.32) !important;letter-spacing:2px;animation:heroGlow 2.6s ease-in-out infinite alternate;}
.hero-tag{font-size:clamp(27px,7.2vw,38px) !important;line-height:1.07 !important;color:#007e56 !important;font-weight:800 !important;text-shadow:0 2px 10px rgba(255,255,255,.7),0 8px 18px rgba(0,108,68,.18);animation:heroSlide 5s ease-in-out infinite;max-width:92%;}
.mine-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;}
.mine-avatar{display:grid;place-items:center;}
.v22-acknowledge{background:#eef8f2;border:1px solid #d5eedd;border-radius:14px;padding:11px 12px;}
.v22-acknowledge span{color:#1f593f;font-size:13px;}
@keyframes heroGlow{0%{transform:scale(1);filter:saturate(1)}100%{transform:scale(1.02);filter:saturate(1.18)}}
@keyframes heroSlide{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}
@keyframes heroFloat{0%{transform:translateY(0)}50%{transform:translateY(6px)}100%{transform:translateY(0)}}
@media (max-width:390px){.hero-heading-animated{padding-top:68px}.hero-tag{max-width:88%;}}


/* SILK ROAD V25 – precise Home typography/layout upgrade only.
   Ticker removed, hero text bright + readable on mobile, gentle live motion. */
.home-page .silk-hero .hero-heading-animated {
    top: 71px;
    left: 18px;
    right: 18px;
    padding-top: 0;
    width: auto;
    max-width: calc(100% - 36px);
    animation: silkHeroRise 5s ease-in-out infinite;
}
.home-page .silk-hero .hero-brand {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(37px, 10.9vw, 56px) !important;
    font-weight: 900;
    line-height: 1.05 !important;
    letter-spacing: .1px;
    white-space: nowrap;
    color: #008c52 !important;
    text-shadow: 0 2px 2px #fff, 0 0 10px rgba(255,255,255,.94), 0 4px 12px rgba(0,104,56,.35) !important;
    margin-bottom: 12px;
    animation: silkGreenPulse 2.8s ease-in-out infinite alternate;
}
.home-page .silk-hero .hero-tag {
    font-size: clamp(24px, 6.9vw, 32px) !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #006f3e !important;
    max-width: 100%;
    text-shadow: 0 1px 2px white, 0 3px 9px rgba(255,255,255,.95) !important;
    animation: silkSubtleMove 5.5s ease-in-out infinite;
}
@keyframes silkHeroRise { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(7px) } }
@keyframes silkGreenPulse { from { color:#00834a; filter:brightness(1) } to { color:#00a564; filter:brightness(1.1) } }
@keyframes silkSubtleMove { 0%,100% {transform:translateX(0)} 50% {transform:translateX(8px)} }
@media (prefers-reduced-motion: reduce) {
    .home-page .silk-hero .hero-heading-animated,
    .home-page .silk-hero .hero-brand,
    .home-page .silk-hero .hero-tag { animation: none !important; }
}


/* V26 - Register page follows the supplied clean cream/white reference.
   Only the signup screen is restyled; login, home and member pages stay as V25. */
body.page:has(.register-main){background:linear-gradient(180deg,#fbf8f1 0%,#fffefc 39%,#fff 73%);min-height:100dvh}
body.page:has(.register-main)::before{display:none!important}
body.page:has(.register-main) .site-shell{width:min(100%,460px);padding:0 17px 30px}
body.page:has(.register-main) .brand-header{padding-top:51px!important}
body.page:has(.register-main) .brand-mark,
body.page:has(.register-main) .brand-mark img{width:76px!important;height:79px!important;object-fit:contain}
body.page:has(.register-main) .brand-name{color:#11654a;font:800 12px/1.4 Arial,sans-serif;letter-spacing:5px;margin:9px 0 10px}
body.page:has(.register-main) .brand-header h1{color:#262a27;font:750 44px/1.13 Arial,sans-serif;letter-spacing:-1.5px;margin:9px 0 0}
body.page .register-main{padding-top:71px!important;max-width:100%}
body.page .register-main .auth-form{gap:39px!important}
body.page .register-main .form-field{height:58px!important;min-height:58px!important;gap:12px!important;padding:0 16px!important;background:#fff;border:1px solid #e7e7e4;border-radius:18px;margin:0!important;box-shadow:none}
body.page .register-main .form-field:focus-within{border-color:#82ba9c;box-shadow:0 0 0 2px #e6f5eb}
body.page .register-main .field-legend{font-size:11.7px!important;line-height:20px!important;letter-spacing:.65px!important;color:#313634;top:-12px!important;left:17px!important;padding:0 8px!important;background:#fff}
body.page .register-main .form-field input{font-size:18px!important;color:#252c28}
body.page .register-main .form-field input::placeholder{color:#bcbfbc;font-size:15px!important}
body.page .register-main .field-icon{flex-basis:23px!important;color:#333a36}
body.page .register-main .field-icon svg{width:22px;height:22px}
body.page .register-main .country-code{font-size:18px!important;color:#2b3430;padding-right:14px!important;line-height:34px;border-right:1px solid #73aa8d}
body.page .register-main .password-toggle{color:#a3aaa6;width:30px;flex-basis:30px}
body.page .register-main .primary-button{height:61px!important;min-height:61px!important;border-radius:50px;background:linear-gradient(100deg,#005137,#008d5c);font-size:18px;font-weight:500;margin:3px 0 0!important}
body.page .register-main .auth-bottom{font-size:14px!important;margin:-5px 0 0!important;color:#343b37}
body.page .register-main .auth-bottom a{color:#48664e;text-decoration:underline}
body.page .register-main .form-submit-error{margin:0!important}
body.page .register-main .form-field.has-input-error{margin-bottom:0!important}
body.page .register-main .form-field.has-input-error .input-error:not(:empty){top:calc(100% + 3px)}
@media(max-width:360px){
 body.page:has(.register-main) .site-shell{padding-left:15px;padding-right:15px}
 body.page:has(.register-main) .brand-header{padding-top:34px!important}
 body.page .register-main{padding-top:52px!important}
 body.page .register-main .auth-form{gap:30px!important}
 body.page .register-main .form-field{height:55px!important;min-height:55px!important}
 body.page .register-main .brand-header h1{font-size:41px}
}

/* V28: prominent verified VIP level on Mine; no change to existing navigation. */
.silk-vip-card{position:relative;isolation:isolate;overflow:hidden;margin:12px 0 13px;padding:17px 16px 12px;border-radius:18px;background:linear-gradient(122deg,#063d2e 2%,#006f4b 55%,#00a973 100%);color:#fff;box-shadow:0 10px 28px rgba(0,86,49,.20);border:1px solid rgba(255,232,150,.65)}
.silk-vip-card:before{content:"";position:absolute;z-index:-1;right:-38px;top:-85px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,231,118,.23),transparent 65%)}
.silk-vip-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.silk-vip-level{display:flex;flex-direction:column;min-width:0}
.silk-vip-crown{color:#ffe07a;font-size:30px;line-height:1}
.silk-vip-label{font-weight:800;font-size:10px;letter-spacing:1.6px;color:#e6ffec;margin:3px 0}
.silk-vip-level>strong{display:block;line-height:1.1;font-size:clamp(31px,9.5vw,44px);color:#ffec95;text-shadow:0 2px 9px rgba(0,0,0,.2);letter-spacing:.6px;font-weight:900}
.silk-vip-paid-counts{display:grid;gap:8px;min-width:46%;}
.silk-vip-paid-counts div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.21);border-radius:12px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.silk-vip-paid-counts small{font-size:10px;line-height:1.2;color:#f1fff4}
.silk-vip-paid-counts b{font-variant-numeric:tabular-nums;font-size:23px;color:#ffeb97}
.silk-vip-info{font-size:12px;line-height:1.45;color:#f0ffe9;margin:12px 0 4px}
.silk-vip-progress-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;font-size:11px;margin:15px 0 7px;color:#f1fff4}
.silk-vip-progress-label strong{color:#ffe68c}
.silk-vip-progress-track{height:8px;border-radius:50px;background:rgba(255,255,255,.24);overflow:hidden}
.silk-vip-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#ffcb4a,#fff0a3);border-radius:50px;transition:width .3s ease}
.silk-vip-rules{margin-top:12px;border-top:1px solid rgba(255,255,255,.24);padding-top:8px}
.silk-vip-rules summary{cursor:pointer;font-size:12px;font-weight:700;color:#f8f3da;padding:4px 2px}
.silk-vip-rules table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px;font-variant-numeric:tabular-nums}
.silk-vip-rules th,.silk-vip-rules td{border-bottom:1px solid rgba(255,255,255,.16);padding:7px 4px;text-align:left}
.silk-vip-rules th{font-weight:700;color:#f8edb8}
.silk-vip-rules tr.silk-vip-current{color:#ffe778;font-weight:800}
.team-vip-info{font-size:11px;padding:2px 11px 10px;color:#16472f;line-height:1.4}
@media(max-width:360px){.silk-vip-card{padding:13px 11px}.silk-vip-paid-counts{min-width:49%}.silk-vip-paid-counts small{font-size:9px}.silk-vip-paid-counts b{font-size:20px}}


/* V29: put the user's computed VIP 0–10 next to their Mine profile photo and phone.
 * Keep the existing detailed rules card below wallet; no financial values changed. */
.mine-page .mine-identity-details{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}
.mine-page .mine-identity-details .mine-member{white-space:nowrap}
.mine-page .mine-vip-banner{display:inline-flex;align-items:center;gap:7px;padding:5px 13px 5px 8px;margin-top:7px;border-radius:100px;border:1.5px solid #ffe3a0;background:linear-gradient(115deg,#153e2d,#007047);color:#ffdc72;box-shadow:0 2px 9px rgba(0,62,30,.25);font-weight:900;letter-spacing:.4px;max-width:100%;white-space:nowrap}
.mine-page .mine-vip-banner strong{color:#ffe084;font-size:clamp(15px,4.6vw,21px);font-weight:900;line-height:1.25}
.mine-page .mine-vip-crown{font-size:21px;line-height:1;color:#ffdf77}
.mine-page .mine-vip-banner small{font-size:9px;color:#e9efcf;font-weight:500}
.mine-page .mine-profile-next{flex:none}
.mine-page .silk-vip-card{margin-top:13px}
@media(max-width:359px){.mine-page .mine-vip-banner{gap:4px;padding:5px 8px}.mine-page .mine-vip-banner strong{font-size:16px}.mine-page .mine-vip-banner small{font-size:8px}}

/* V31 — tiny trade caravan emblem in the header's earned VIP badge */
.mine-page .mine-vip-camel{width:32px;height:24px;display:block;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.14));}
.mine-page .mine-vip-banner{gap:6px;padding-left:7px;min-height:36px;}
/* V31 transaction record layout */
.v31-history-layout{padding-bottom:110px;}
.v31-history-header{margin:16px 14px 14px;padding:19px;border-radius:22px;color:white;background:linear-gradient(125deg,#00583a,#07915b);box-shadow:0 7px 25px #00674020;}
.v31-history-header h1{font-size:26px;color:#fff;margin:0 0 3px;line-height:1.2;}
.v31-history-header p{font-size:12px;color:#dffbe9;margin:5px 0 0;line-height:1.45;}
.v31-history-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 14px 14px;}
.v31-history-summary .v31-summary-tile{min-width:0;background:#fff;border-radius:16px;padding:14px 12px;box-shadow:0 2px 12px #0468450e;}
.v31-history-summary .v31-summary-tile span{font-size:11px;color:#637a6a;display:block;}
.v31-history-summary .v31-summary-tile strong{font-size:19px;color:#066344;font-weight:900;display:block;margin-top:5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.v31-history-summary .v31-summary-tile.wide{grid-column:1/-1;}
.v31-history-filters{display:flex;gap:8px;overflow-x:auto;padding:5px 14px 12px;scrollbar-width:thin;}
.v31-history-filters a{flex-shrink:0;border-radius:100px;padding:10px 13px;text-decoration:none;font-size:12px;font-weight:700;background:#e6f3eb;color:#126343;border:1px solid #cae6d7;}
.v31-history-filters a[aria-current="page"]{background:#006d46;color:white;border-color:#006d46;}
.v31-history-list{padding:0 14px;display:grid;gap:10px;}
.v31-record{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;background:#fff;border-radius:17px;padding:13px;border:1px solid #e8eee9;}
.v31-record h2{font-size:14px;color:#153c2c;margin:0 0 6px;line-height:1.35;}
.v31-record p{font-size:11px;color:#66776c;margin:2px 0;overflow-wrap:anywhere;line-height:1.5;}
.v31-record-right{text-align:right;}
.v31-record-right strong{display:block;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#006d47;}
.v31-record-right .debit{color:#ae433d;}
.v31-record-right small{display:inline-block;margin-top:6px;font-size:10px;padding:4px 7px;border-radius:20px;color:#555f59;background:#f0f3f0;text-transform:capitalize;}
.v31-record-right small.posted,.v31-record-right small.confirmed,.v31-record-right small.claimed{color:#06754a;background:#e7f7ec;}
.v31-record-right small.pending{color:#8c6300;background:#fff6da;}
.v31-history-notice,.v31-history-empty{background:#fff;border-radius:15px;padding:16px;font-size:13px;color:#5d7666;margin:10px 14px;line-height:1.6;}
.v31-history-pagination{display:flex;justify-content:center;gap:12px;padding:20px 10px;align-items:center;}
.v31-history-pagination a{padding:10px 15px;border-radius:12px;background:#006d47;color:#fff;text-decoration:none;font-size:13px;font-weight:700;}
.v31-history-pagination span{font-size:12px;color:#496453;}
@media(max-width:360px){.v31-history-summary .v31-summary-tile strong{font-size:16px}.v31-record-right strong{font-size:12px}.v31-record{gap:3px;padding:11px;}}


/* SILK ROAD V32 | Focused updates only. */
.home-page .silk-hero .hero-heading-animated{top:50px;}
.v32-welcome-marquee{position:relative;display:block;width:max-content;max-width:100%;font-size:clamp(16px,5vw,23px);font-weight:1000;line-height:1.25;letter-spacing:.3px;color:#fff1a5;background:linear-gradient(100deg,#003d2d,#008854,#00503a);border:1px solid rgba(255,244,165,.85);padding:9px 12px;border-radius:15px;text-shadow:0 2px 5px #003b2e;box-shadow:0 4px 16px rgba(0,77,46,.34);margin:0 0 18px;animation:v32WelcomeSlide 4.2s ease-in-out infinite,v32WelcomeGlow 1.8s ease-in-out infinite alternate;}
@keyframes v32WelcomeSlide{0%,100%{transform:translateX(0)}50%{transform:translateX(11px)}}
@keyframes v32WelcomeGlow{from{filter:brightness(1)}to{filter:brightness(1.25)}}
@media(max-width:380px){.home-page .silk-hero .hero-heading-animated{top:37px}.v32-welcome-marquee{font-size:16px;padding:8px 9px;margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.v32-welcome-marquee{animation:none}}
.mine-page .v32-vip-card{padding:20px 16px;margin-top:12px;}
.v32-vip-row{gap:10px;align-items:stretch;}
.v32-vip-card .silk-vip-level{flex:1;justify-content:center;}
.v32-monthly-link{display:flex;position:relative;flex-direction:column;gap:5px;justify-content:center;align-items:flex-start;flex:0 0 54%;min-height:112px;padding:13px 36px 13px 12px;text-decoration:none;border-radius:15px;background:linear-gradient(120deg,#193b2e,#173128);border:1px solid #e1d17e;color:#fff9d5;box-shadow:0 5px 14px rgba(0,0,0,.19)}
.v32-monthly-link span:first-child{font-size:clamp(13px,3.5vw,17px);font-weight:900;}
.v32-monthly-link strong{font-size:clamp(11px,3vw,14px);line-height:1.3;color:#ffdf7d}
.v32-monthly-link .v32-salary-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:900;color:#ffea9b;}
.v32-monthly-link:focus-visible{outline:3px solid #ffe487;outline-offset:3px}
.v32-salary-page{background:#111819;color:#fff}
.v32-salary-page .home-shell{background:#111819;min-height:100dvh}
.v32-salary-container{padding:20px 16px 145px;}
.v32-back{display:inline-flex;align-items:center;gap:5px;min-height:43px;padding:9px 18px;color:#fff6c5;background:#293832;text-decoration:none;font-weight:800;border-radius:30px;border:1px solid #5b665e}
.v32-salary-header{margin:22px 0 14px;padding:24px 19px;border:1px solid #5b735d;background:linear-gradient(130deg,#162522,#0b0e10);border-radius:23px}
.v32-salary-kicker{font-size:11px;font-weight:900;letter-spacing:3px;color:#8be3b6}
.v32-salary-header h1{font-size:clamp(29px,8vw,41px);margin:9px 0 4px;color:#ffe491;line-height:1.15}
.v32-salary-header p{color:#cfddcf;font-size:18px;margin:0 0 19px}
.v32-salary-current{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;background:#20342a;border-radius:15px;color:#d9e4d9;font-size:14px}
.v32-salary-current strong{font-size:25px;color:#ffdc7a}
.v32-salary-sheet{background:#151a1b;border:1px solid #4b6154;border-radius:20px;padding:16px 11px 20px}
.v32-salary-sheet h2{font-size:21px;color:#f9e3a2;margin:0 4px 6px}
.v32-salary-sheet>p{font-size:12px;line-height:1.55;color:#bbc9c0;margin:0 4px 14px}
.v32-salary-table-scroll{overflow-x:auto}
.v32-salary-sheet table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;color:#eee;min-width:300px}
.v32-salary-sheet th{text-align:left;font-size:11px;color:#ffe68e;background:#24322c}
.v32-salary-sheet td,.v32-salary-sheet th{padding:12px 8px;border-bottom:1px solid #445349}
.v32-salary-sheet tr.v32-current-tier td{background:#324732;color:#ffdc7e;font-weight:900}
.v32-salary-sheet .v32-salary-disclosure{font-size:12px;line-height:1.6;margin:16px 5px 2px;color:#cfdfd2;padding:12px;border-left:3px solid #eaca68;background:#26312a;border-radius:8px}
.v32-back-bottom{display:flex;justify-content:center;margin:21px auto;width:170px}
.v32-history-datetime{font-weight:700;color:#4b6257!important}
.v31-history-filters{flex-wrap:wrap;overflow:visible}
@media(max-width:350px){.v32-monthly-link{flex-basis:57%;padding-left:9px}.v32-monthly-link span:first-child{font-size:12px}.v32-monthly-link strong{font-size:11px}.v32-vip-card .silk-vip-level>strong{font-size:30px}}


/* V33 — precisely three financial history categories, standalone recharge orders. */
.v33-main-history-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px 12px 13px;}
.v33-main-history-tabs a{display:grid;place-items:center;min-height:62px;text-align:center;font-size:12px;line-height:1.3;font-weight:800;border-radius:15px;border:1px solid #b8ddc8;background:#e8f5ee;color:#086244;padding:7px 4px;text-decoration:none;}
.v33-main-history-tabs a[aria-current="page"]{background:linear-gradient(135deg,#005b3d,#009367);color:white;border-color:#006640;box-shadow:0 4px 11px #00553626;}
.v33-history-summaries{margin:0 14px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v33-history-summary{padding:13px;background:#fff;border-radius:16px;min-width:0;box-shadow:0 3px 15px #1267410b}
.v33-history-summary span{display:block;font-size:12px;color:#526e60}.v33-history-summary strong{display:block;font-size:20px;margin-top:7px;color:#006544;overflow-wrap:anywhere;font-weight:900}
.v33-history-warnings{margin:8px 14px;border-radius:12px;background:#f2f7f3;border:1px solid #dcece0;color:#4a6254;padding:10px 12px;font-size:12px}
.v33-history-warnings summary{font-weight:700;cursor:pointer}.v33-history-warnings p{margin:7px 0 0;line-height:1.5}
.v33-history-note{margin:12px 14px;padding:9px 11px;font-size:11px;color:#526d5f}
.v33-orders-layout{padding:15px 12px 125px}
.v33-orders-header{background:linear-gradient(118deg,#004e36,#00986c);border-radius:20px;padding:16px 17px;color:white;margin-bottom:15px}
.v33-orders-header a{color:#daf7e6;font-weight:700;font-size:13px;text-decoration:none}
.v33-orders-header h1{color:#fff;margin:9px 0 3px;font-size:28px}
.v33-order-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 15px}
.v33-order-categories a{display:grid;place-items:center;padding:13px 4px;border-radius:15px;background:#eaf6ef;color:#006d48;border:1px solid #b7ddc7;text-decoration:none;font-size:13px;font-weight:800}
.v33-order-categories a[aria-current="page"]{background:#006f4a;color:#fff}
.v33-all-orders{display:block;text-align:center;margin:0 auto 12px;color:#0a6a49;text-decoration:underline;font-size:12px}
.v33-order-list{display:grid;gap:10px;margin-top:12px}.v33-order-card{display:flex;align-items:start;justify-content:space-between;gap:6px;padding:16px 12px;border-radius:17px;background:#fff;border:1px solid #e3eae6}
.v33-order-card>div:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}.v33-order-card strong{font-size:16px;color:#173b2c}.v33-order-card span,.v33-order-card small{font-size:12px;color:#6b8176;overflow-wrap:anywhere}
.v33-order-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex:none}.v33-order-meta b{font-size:15px;color:#076e48;white-space:nowrap}.v33-status{font-style:normal;font-size:12px;font-weight:800;padding:5px 9px;border-radius:50px;background:#f5f4e9;color:#896519}.v33-status.rejected{background:#fae8e8;color:#a33737}.v33-status.success{background:#dcf6e5;color:#087a47}
.v32-salary-sheet td.v33-salary-amount{color:#ffe18a;font-weight:900;white-space:nowrap}.v32-salary-sheet table{min-width:420px}.v32-salary-sheet th{white-space:nowrap}
@media(max-width:359px){.v33-main-history-tabs a{font-size:11px;padding:7px 2px}.v33-history-summary strong{font-size:16px}}


/* V34: compact text-only financial history; no summary cards or record icons. */
.v34-history-source-warning {margin:0 16px 14px;color:#566f61;font-size:12px;line-height:1.45;}
.v34-history-list {margin:0 14px 20px;background:#fff;border:1px solid #e1ede5;border-radius:15px;overflow:hidden;}
.v34-history-record {padding:14px 13px 15px;border-bottom:1px solid #dce8df;}
.v34-history-record:last-child {border-bottom:0;}
.v34-history-main {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:7px;}
.v34-history-main strong {font-size:14px;line-height:1.35;color:#173e30;font-weight:750;min-width:0;}
.v34-history-main b {white-space:nowrap;color:#086a46;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;}
.v34-history-main b.debit {color:#b13f3f;}
.v34-history-record p {font-size:12px;line-height:1.5;color:#516e5f;margin:3px 0;overflow-wrap:anywhere;}
.v34-history-record p:last-child {margin-bottom:0;}
@media(max-width:375px){.v34-history-main{gap:6px}.v34-history-main strong,.v34-history-main b{font-size:12px}.v34-history-record{padding:12px 10px}}

/* V35: English/Amharic language control and concise financial records */
.silk-language-card{padding:22px 16px 26px}
.silk-language-card h3{font-size:23px;color:#005d3c;margin:0 0 17px}
.silk-language-form{display:grid;gap:12px}
.silk-language-choice{border:1px solid #c7e3d1;border-radius:15px;background:#f4faf6;color:#214b38;padding:17px 16px;display:flex;justify-content:space-between;align-items:center;text-align:left;font:700 18px/1.3 inherit;cursor:pointer;min-height:62px}
.silk-language-choice span:last-child{font-size:14px;font-weight:750;color:#116b48}
.silk-language-choice.selected{background:linear-gradient(110deg,#005638,#008956);color:#fff;border-color:#006945}
.silk-language-choice.selected span:last-child{color:#fff}
.silk-language-choice:focus-visible{outline:3px solid #65b99a;outline-offset:3px}
.v35-history-empty{margin:12px 14px;padding:15px 12px;background:#fff;border:1px solid #e3efe7;border-radius:14px;font-size:14px;color:#536d5d;text-align:center}

/* V36: orange history and simple white transaction cards (reference-image styling). */
body.v36-history-page, body.v36-history-page .home-shell {background:#ffb058;min-height:100dvh;}
.v36-history-layout {padding:19px 13px calc(132px + env(safe-area-inset-bottom, 0px));min-height:calc(100dvh - 100px);}
.v36-history-title {font-size:clamp(23px,6vw,32px);color:#202323;margin:6px 3px 18px;font-weight:800;}
.v36-history-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 1px 21px;}
.v36-history-tabs a {display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:clamp(11px,3vw,14px);font-weight:750;line-height:1.2;min-height:60px;padding:8px 4px;background:#fff;color:#313938;border-radius:14px;border:1px solid #f3d6b0;box-shadow:0 2px 6px #bb7b2926;}
.v36-history-tabs a[aria-current=page] {background:#006d48;border-color:#006d48;color:white;}
.v36-transaction-list {display:grid;gap:14px;}
.v36-transaction-card {border-radius:18px;background:#fff;padding:18px 16px;min-height:114px;box-shadow:0 3px 8px #d88d2b26;display:flex;flex-direction:column;justify-content:center;gap:17px;}
.v36-card-row {display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.v36-card-row strong {font-size:clamp(14px,3.6vw,18px);font-weight:600;line-height:1.35;color:#202526;flex:1;min-width:0;overflow-wrap:anywhere;}
.v36-card-row b {font-size:clamp(14px,3.6vw,18px);font-weight:800;color:#1f2323;white-space:nowrap;letter-spacing:-.3px;}
.v36-card-bottom {align-items:center;}
.v36-card-bottom time {font-size:clamp(12px,3vw,15px);color:#797c7a;font-variant-numeric:tabular-nums;}
.v36-status {font-size:13px;border-radius:99px;background:#e8f6e7;color:#25815c;padding:7px 11px;font-weight:650;white-space:nowrap;}
.v36-status.success,.v36-status.posted,.v36-status.claimed,.v36-status.confirmed {background:#ceffca;color:#226d3d;}
.v36-status.locked,.v36-status.pending {background:#fff0d8;color:#91621b;}
.v36-status.rejected,.v36-status.cancelled,.v36-status.reversed {background:#ffe0e0;color:#a13030;}
.v36-empty {padding:22px;text-align:center;background:white;border-radius:17px;color:#555;}
.v36-pagination {display:flex;gap:14px;justify-content:center;margin:18px 0;font-weight:700;}
.v36-pagination a{color:#173e2e;background:#fff;padding:9px 15px;border-radius:12px;text-decoration:none;}
.v36-pagination span{display:grid;place-items:center;}
.v36-withdraw-history-link {display:flex;max-width:420px;margin:16px auto 8px;justify-content:center;}
/* Gift-code confirmed credit popup. Only shown from trusted database records. */
.v36-gift-dialog {position:fixed;inset:0;margin:auto;border:0;border-radius:21px;padding:0;width:min(88vw,350px);box-shadow:0 15px 50px #24242455;background:#fff;color:#292929;}
.v36-gift-dialog::backdrop{background:#0009;}
.v36-gift-inner{padding:35px 23px 25px;text-align:center;}
.v36-gift-inner h2{font-size:26px;margin:0 0 19px;color:#222;}
.v36-gift-inner>strong{display:block;color:#ed3d68;font-size:32px;font-weight:800;margin:0 0 31px;}
.v36-gift-inner button{border:0;border-radius:55px;color:#fff;font-size:20px;padding:13px 27px;width:min(240px,100%);background:linear-gradient(100deg,#005a3d,#008b55);cursor:pointer;}
@media(max-width:365px){.v36-transaction-card{padding:15px 11px}.v36-card-row{gap:6px}.v36-card-row strong,.v36-card-row b{font-size:13px}.v36-card-bottom time{font-size:11px}.v36-status{padding:6px 8px;font-size:11px}}


/* V37: Restore the existing five bottom navigation icons and every Mine menu entry.
   This is a visibility and cache fix only; it does not change any application logic. */
.bottom-nav {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  z-index: 50 !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: min(100%, 510px) !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.bottom-nav > a,
.bottom-nav .bottom-brand,
.bottom-nav .nav-entry,
.bottom-nav .nav-entry > span,
.bottom-nav .nav-entry > span > svg,
.bottom-nav .bottom-brand img {
  visibility: visible !important;
  opacity: 1 !important;
}
.bottom-nav .nav-entry,
.bottom-nav .bottom-brand {display: flex !important;}
.bottom-nav .bottom-brand {display: grid !important;}
.bottom-nav .nav-entry > span > svg {display: block !important; width: 24px; height: 24px;}
.mine-page .mine-menu > a.mine-menu-item {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.mine-page .mine-menu > form.mine-logout {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.mine-page .mine-menu-value {
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  color: #087c54;
}
@media(max-width:350px) {
  .mine-page .mine-menu-value {font-size:10px;}
}

/* V39: Added features only — keep existing pages and bottom navigation. */
.v39-about-photo{display:block;width:100%;height:180px;object-fit:cover;border-radius:17px;margin-bottom:16px}
.v39-about-card p,.v39-news-card p{line-height:1.65;color:#425e4e;margin:13px 0}
.v39-help-card .feature-cta,.v39-help-card .outline-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0}
.v39-gift-form{display:grid;gap:15px;margin-top:22px}
.v39-gift-form label{font-size:15px;font-weight:700;color:#07583b}
.v39-gift-form input{width:100%;padding:17px 16px;border-radius:14px;border:1px solid #bed9ca;background:#fff;color:#183d2d;font:600 17px/1.4 system-ui,sans-serif;box-sizing:border-box;letter-spacing:.4px}
.v39-gift-form input:focus{outline:2px solid #008e61;outline-offset:2px}


/* V40: Gift Code screen follows user reference design, preserving Silk Road green palette. */
.v40-gift-page{background:linear-gradient(180deg,#f2faf4 0%,#fff 88%)!important;}
.v40-gift-page .feature-main{min-height:calc(100dvh - 160px);padding:19px 13px 155px;}
.v40-gift-header{background:linear-gradient(110deg,#014a34,#008753)!important;border-radius:0 0 26px 26px;min-height:92px;box-shadow:0 9px 24px rgba(0,68,44,.2);}
.v40-gift-header a{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#02a763,#005537);border:1px solid #7fd8a0;box-shadow:0 4px 13px #002b1c55;font-size:26px;flex:none;}
.v40-gift-header h1{font-weight:900;font-size:23px;color:#f9fffa;}
.v40-gift-header p{font-size:12px;color:#e4ffef;margin:6px 0 0;font-weight:600;line-height:1.25;}
.v40-gift-page .v40-gift-card{margin:8px 0 0;background:linear-gradient(140deg,#014a31 0%,#00683f 53%,#08a45c 100%);border:1px solid #40c382;box-shadow:0 13px 32px #064f3650;border-radius:29px;padding:27px 20px 32px;color:#fff;}
.v40-gift-card h2{color:#fff;font-size:clamp(23px,6vw,30px);line-height:1.17;margin:0 0 18px;font-weight:900;letter-spacing:-.4px;}
.v40-gift-form{margin:15px 0 0;gap:15px;}
.v40-gift-form input{height:78px;border-radius:24px;background:#fff;border:2px solid #c9eed9;box-shadow:inset 0 2px 8px #043a2920;text-align:center;font-size:clamp(19px,5.3vw,28px);font-weight:850;color:#063e2e;letter-spacing:1.2px;padding:12px;}
.v40-gift-form input::placeholder{color:#70c9a3;opacity:1;font-weight:900;letter-spacing:1px;}
.v40-gift-form button.feature-cta{background:linear-gradient(95deg,#00a55a,#00693f)!important;border-radius:24px;min-height:76px;font-size:clamp(23px,7vw,34px);font-weight:900;color:#fff;box-shadow:0 7px 17px #003d2550;border:1px solid #22b66b;letter-spacing:1px;margin:0;}
.v40-gift-form button.feature-cta:focus-visible,.v40-gift-header a:focus-visible{outline:3px solid #a0ffc7;outline-offset:2px;}
.v40-visually-hidden{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden;}
/* V40: Telegram links are controlled by owner configuration, never generated from user input. */
.v40-help-card{border-radius:23px;padding:22px 16px;}
.v40-help-card h3{font-size:25px;color:#005638;margin-bottom:18px;}
.v40-telegram-link{display:flex;align-items:center;gap:14px;margin:12px 0;background:#effbf4;border:1px solid #d3eee0;border-radius:18px;text-decoration:none;color:#064d34;padding:14px 12px;min-height:78px;}
.v40-telegram-link strong{font-size:17px;flex:1;}
.v40-telegram-link>span:last-child{font-size:27px;color:#007d52;}
.v40-telegram-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;background:linear-gradient(140deg,#13a7d9,#008dca);border-radius:50%;color:#fff;font-size:30px;transform:none;}
.v40-telegram-disabled{opacity:.62;}


/* SILK ROAD V41 — user-requested travelling hotel-style Welcome sign.
   Only the Home Welcome element is affected. */
.home-page .silk-hero .v41-welcome-track {
    width:100%; height:68px; position:relative; overflow:hidden;
    margin:0 0 14px; isolation:isolate;
}
.home-page .silk-hero .v41-welcome-track .v32-welcome-marquee {
    position:absolute; top:4px; left:0; max-width:96%;
    width:max-content; white-space:nowrap; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    margin:0; padding:9px 12px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:clamp(14px,4.9vw,23px);
    font-weight:900; line-height:1.25;
    color:#ff5a96; letter-spacing:.15px;
    -webkit-text-stroke:.3px #ff1563;
    background:linear-gradient(105deg,rgba(46,5,27,.94),rgba(99,4,39,.92) 52%,rgba(40,4,29,.94));
    border:2px solid #ff2d6c; border-radius:18px;
    box-shadow:0 0 5px #ff145e,0 0 14px #f51a64, inset 0 0 15px rgba(255,96,157,.3);
    text-shadow:0 0 3px #fff,0 0 8px #ff5b9d,0 0 16px #ff1778;
    animation:v41WelcomeTravel 7s ease-in-out infinite alternate,
      v41WelcomeNeon 1.7s ease-in-out infinite alternate;
    will-change:left,transform;
}
/* The block touches both ends of its own available track, then reverses. */
@keyframes v41WelcomeTravel {
    from { left:0; transform:translateX(0); }
    to { left:100%; transform:translateX(-100%); }
}
@keyframes v41WelcomeNeon {
    from {filter:brightness(1);}
    to {filter:brightness(1.3);}
}
@media(max-width:380px){
    .home-page .silk-hero .v41-welcome-track{height:61px;}
    .home-page .silk-hero .v41-welcome-track .v32-welcome-marquee{font-size:clamp(13px,4.5vw,17px);padding:8px 9px;}
}
@media(prefers-reduced-motion:reduce){
    .home-page .silk-hero .v41-welcome-track .v32-welcome-marquee{animation:none!important;left:0;transform:none;}
}


/* SILK ROAD V42 – the requested single, independent centre-screen welcome display.
   It lives in the middle of the Home hero, never inside the heading or a green pill.
   Everything outside this new welcome element stays as in V41. */
.home-page .silk-hero .v42-center-welcome {
  position:absolute;
  top:53%; left:0; right:0;
  height:80px;
  transform:translateY(-50%);
  z-index:1;
  overflow:hidden;
  pointer-events:none;
  display:block;
  background:transparent;
}
.home-page .silk-hero .v42-center-welcome-text {
  position:absolute;
  top:50%; left:100%;
  display:block;
  width:max-content;
  white-space:nowrap;
  transform:translate(0,-50%);
  color:#ff215d;
  font:1000 clamp(28px,8vw,43px)/1.16 Arial,Helvetica,sans-serif;
  letter-spacing:.1px;
  text-shadow:0 0 2px #fff, 0 0 9px #ffbfd3, 0 0 19px #ff358c,
              1px 2px 2px #59002c, 0 0 25px #d8175f;
  -webkit-text-stroke:.35px #fff1f7;
  animation:v42WelcomeCenterTravel 10s linear infinite alternate;
  will-change:left,transform;
}
@keyframes v42WelcomeCenterTravel {
  from { left:100%; transform:translate(0,-50%); }
  to   { left:0; transform:translate(-100%,-50%); }
}
@media(max-width:380px) {
  .home-page .silk-hero .v42-center-welcome { height:75px; top:53%; }
  .home-page .silk-hero .v42-center-welcome-text {font-size:clamp(27px,7.7vw,33px);}
}
@media(prefers-reduced-motion:reduce){
  .home-page .silk-hero .v42-center-welcome-text {
    animation:none;
    left:50%; transform:translate(-50%,-50%);
    font-size:clamp(19px,6vw,31px);
  }
}


/* V44: the existing centred, travelling Welcome sign is BIGGER and ALL CAPS.
   No other page component, colour, navigation or team behaviour is modified. */
.home-page .silk-hero .v42-center-welcome {
  height:116px;
  top:53%;
}
.home-page .silk-hero .v42-center-welcome-text {
  font-size:clamp(44px,12.2vw,72px);
  font-weight:1000;
  line-height:1.11;
  letter-spacing:.5px;
  text-transform:uppercase;
  text-shadow:0 0 3px #fff, 0 0 13px #ffbfd3, 0 0 26px #ff358c,
              2px 3px 3px #59002c, 0 0 34px #d8175f;
}
@media(max-width:380px){
 .home-page .silk-hero .v42-center-welcome{height:112px;top:53%;}
 .home-page .silk-hero .v42-center-welcome-text{font-size:clamp(42px,12.2vw,53px);}
}
@media(prefers-reduced-motion:reduce){
 .home-page .silk-hero .v42-center-welcome-text{font-size:clamp(21px,6.2vw,36px);}
}

/* V46: member-facing operator notice, no change to bottom navigation */
.silk-notice-backdrop{position:fixed;inset:0;z-index:2000;background:#001d1aba;display:flex;justify-content:center;align-items:center;padding:22px}.silk-notice-card{width:min(420px,100%);max-height:80vh;overflow:auto;background:white;border-radius:22px;padding:24px;text-align:center;box-shadow:0 16px 50px #0005}.silk-notice-card h2{color:#006b45;margin:0 0 15px}.silk-notice-card p{white-space:normal;overflow-wrap:anywhere;line-height:1.65}.silk-notice-card button{color:white;background:#007b52;border:0;border-radius:11px;padding:12px 30px;font-weight:800;cursor:pointer}.silk-admin-catalog{margin:18px 0}.silk-admin-product{background:white;border:1px solid #dbe7df;border-radius:13px;padding:15px;margin:11px 0}.silk-admin-product strong{color:#075c42;display:block}.silk-admin-product small{display:block;padding-top:6px;color:#557368}.silk-admin-news{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}

.silk-admin-product{display:flex;gap:12px;align-items:center}.silk-admin-product-image{width:72px;height:72px;object-fit:cover;border-radius:16px;border:1px solid rgba(0,0,0,.08);flex:0 0 72px}

/* V52 CBE + Telebirr withdrawal */
.v52-payment-options{display:flex;flex-direction:column;gap:10px;margin:14px 0;padding:14px;border-radius:16px;background:#f4faf7;border:1px solid #dbeee5}
.v52-payment-options label{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:#185d45}
.v52-payment-options input{accent-color:#087d55;width:18px;height:18px}


/* V54 — Admin products are displayed on Home, lowest price first. */
.silk-home-products{margin:17px 0 18px;padding:16px 13px 13px;background:#fff;border:1px solid #e3efe7;border-radius:21px;box-shadow:0 6px 20px rgba(0,74,46,.07)}
.silk-home-products-heading{display:flex;gap:10px;justify-content:space-between;align-items:flex-end;margin:0 0 14px}
.silk-home-products-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:#3e9a73}
.silk-home-products-heading h2{font-size:22px;line-height:1.2;letter-spacing:-.35px;margin:3px 0 0;color:#064e35;font-weight:850}
.silk-home-products-order{display:inline-flex;align-items:center;background:#edf9f2;border:1px solid #d1eadb;color:#347755;padding:6px 8px;border-radius:20px;font-weight:700;font-size:10px;white-space:nowrap}
.silk-home-products-list{display:flex;flex-direction:column;gap:10px}
.silk-home-product-card{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #e2eee6;background:linear-gradient(135deg,#fff 50%,#f8fcf9 100%);border-radius:17px;min-width:0}
.silk-home-product-photo{flex:0 0 102px;width:102px;height:106px;overflow:hidden;background:#eaf5ed;border-radius:12px;border:1px solid #dfeee3}
.silk-home-product-photo img{display:block;width:100%;height:100%;object-fit:cover}
.silk-home-product-body{flex:1;min-width:0}
.silk-home-product-body h3{font-size:16px;line-height:1.25;font-weight:800;color:#123c2a;margin:0 0 6px;overflow-wrap:anywhere}
.silk-home-product-price{font-size:20px;line-height:1.2;color:#00794e;font-weight:900;margin:0 0 10px;font-variant-numeric:tabular-nums}
.silk-home-product-meta{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#698277}
.silk-home-product-meta b{color:#1e5240;font-weight:800}
.silk-home-products-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;margin:12px 2px 0;padding:12px 13px;background:#eaf8ef;border-radius:12px;color:#006a43;font-size:13px;font-weight:800}
.silk-home-products-link span{font-size:19px;line-height:1}
@media(max-width:360px){.silk-home-product-photo{flex-basis:84px;width:84px;height:92px}.silk-home-product-card{gap:9px;padding:9px}.silk-home-product-price{font-size:18px}.silk-home-products-order{font-size:9px;padding:5px 6px}}
@media(min-width:640px){.silk-home-products{padding:20px}.silk-home-product-photo{height:118px;width:124px;flex-basis:124px}.silk-home-product-price{font-size:23px}}

/* V57 product layout after Super Group Buy and checkout. */
.silk-home-product-total{color:#327a5b;font-size:13px;margin:7px 0 8px;font-weight:700}
.silk-home-product-total b{color:#045e40;font-weight:900}
.silk-product-buy{background:#087a4c;color:#fff!important;border:0;border-radius:11px;padding:9px 22px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:1.3;font-weight:850;text-decoration:none;cursor:pointer;min-height:37px}
.silk-home-product-body .silk-product-buy{margin-top:5px}
.silk-buy-summary{margin-top:16px}.silk-buy-summary label{display:block;font-weight:700;margin:15px 0}.silk-buy-summary input{width:100%;padding:13px;border-radius:10px;border:1px solid #d8e4dc;display:block;margin-top:7px;box-sizing:border-box}
.silk-buy-summary .silk-product-buy{width:100%;box-sizing:border-box;min-height:49px;margin:14px 0}
.silk-purchase-note,.silk-paid-notice{font-size:12px;color:#62796e;margin:10px 0;line-height:1.5}
.silk-paid-task{margin-bottom:14px}

/* V68: saved CBE withdrawal account */
.v68-bound-account{display:flex;flex-direction:column;gap:7px;border:1px solid #d2eadc;border-radius:13px;padding:13px;background:#f1fbf5;color:#18543a;overflow-wrap:anywhere}
.v68-bound-account a,.v68-bind-link{color:#00734c;font-weight:750}
.v68-bind-required{color:#a13a43;font-weight:650;margin:5px 0}
.v22-submit-withdraw:disabled{background:#a9b9b0!important;opacity:.7;cursor:not-allowed}

/* V69 — withdrawal window, member UI; claim dates use day resolution. */
.silk-withdraw-hours{padding:12px 14px;border-radius:12px;background:#edf7f1;color:#135739;line-height:1.5;margin:8px 0}
.silk-withdraw-window-status{font-weight:700;padding:10px 13px;border-radius:10px;margin:8px 0 15px}
.silk-withdraw-window-status.is-open{background:#dff6e9;color:#066840}
.silk-withdraw-window-status.is-closed{background:#fff2e7;color:#8c4618}
.v22-submit-withdraw:disabled{opacity:.48;cursor:not-allowed}

/* V70 – actual daily income history, all-time and rolling 7-day summaries. */
.mine-page .mine-daily-earnings{background:#fff;border-radius:20px;padding:17px 15px;margin:14px 0;box-shadow:0 2px 10px #003b1e0b;overflow:hidden}
.mine-page .mine-earnings-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.mine-page .mine-earnings-title h2{margin:0;font-size:20px;color:#123b2c;font-weight:750}
.mine-page .mine-earnings-title span{font-size:12px;color:#73877c}
.mine-page .mine-earning-day{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:12px 2px;border-bottom:1px solid #e9efea;min-width:0}
.mine-page .mine-earning-day time{color:#1c3429;font-weight:650;font-size:14px;min-width:0}
.mine-page .mine-earning-day time small{display:block;font-weight:400;font-size:11px;color:#8a9b90;margin-top:3px}
.mine-page .mine-earning-day strong{color:#006c44;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mine-page .mine-earning-subtotal{display:flex;justify-content:space-between;gap:10px;padding:14px 3px;font-size:14px;font-weight:700;color:#154733}
.mine-page .mine-earning-subtotal strong{font-size:17px;white-space:nowrap}
.mine-page .mine-older-earnings{border-top:1px solid #e9efea;padding-top:9px}
.mine-page .mine-older-earnings summary{cursor:pointer;font-size:14px;font-weight:650;color:#087351;padding:8px 1px}
.mine-page .mine-earnings-unavailable{font-size:14px;color:#8c3b3b;line-height:1.5}
.mine-page .mine-metric strong{overflow-wrap:anywhere}
@media(max-width:380px){.mine-page .mine-earning-day strong{font-size:14px}.mine-page .mine-daily-earnings{padding:15px 12px}}

/* V72: show link to freshly calculated profile earnings after a claim. */
.silk-income-check-link{display:inline-block;margin:8px 0 0;font-weight:750;color:#006a43;text-decoration:underline;text-underline-offset:3px;}

/* V73 — Move detailed daily earnings from Mine into Financial Record only. */
.v36-history-page .mine-daily-earnings{background:#fff;border-radius:20px;padding:17px 15px;margin:14px 0;box-shadow:0 2px 10px #003b1e0b;overflow:hidden}
.v36-history-page .mine-earnings-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.v36-history-page .mine-earnings-title h2{margin:0;font-size:20px;color:#123b2c;font-weight:750}
.v36-history-page .mine-earnings-title span{font-size:12px;color:#73877c}
.v36-history-page .mine-earning-day{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:12px 2px;border-bottom:1px solid #e9efea;min-width:0}
.v36-history-page .mine-earning-day time{color:#1c3429;font-weight:650;font-size:14px;min-width:0}
.v36-history-page .mine-earning-day time small{display:block;font-weight:400;font-size:11px;color:#8a9b90;margin-top:3px}
.v36-history-page .mine-earning-day strong{color:#006c44;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.v36-history-page .mine-earning-subtotal{display:flex;justify-content:space-between;gap:10px;padding:14px 3px;font-size:14px;font-weight:700;color:#154733}
.v36-history-page .mine-earning-subtotal strong{font-size:17px;white-space:nowrap}
.v36-history-page .mine-older-earnings{border-top:1px solid #e9efea;padding-top:9px}
.v36-history-page .mine-older-earnings summary{cursor:pointer;font-size:14px;font-weight:650;color:#087351;padding:8px 1px}
.v36-history-page .mine-earnings-unavailable{font-size:14px;color:#8c3b3b;line-height:1.5}
@media(max-width:380px){.v36-history-page .mine-earning-day strong{font-size:14px}.v36-history-page .mine-daily-earnings{padding:15px 12px}}