@charset "UTF-8";
:root{--ink:#17231f;--muted:#738079;--paper:#f6f5ee;--surface:#fffefa;--line:#e7e7dc;--accent:#21664e;--accent-soft:#dbe9dc;--dark:#172d25;--radius:20px;--shadow:0 18px 48px rgba(27,42,33,.07);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(2.7rem,6vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3.3rem)}h3{font-size:1.45rem}.kicker,.eyebrow,.nav-caption{font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.kicker,.eyebrow{color:var(--accent)}.muted,.subtitle,.lede{color:var(--muted)}
body[data-page="about"]{--accent:#986c2f;--accent-soft:#f0e4c8;--dark:#3b3020;--paper:#f8f4e9}body[data-page="contacts"]{--accent:#356c85;--accent-soft:#d8eaf0;--dark:#203b48;--paper:#f0f6f7}body[data-page="thank"]{--accent:#58815d;--accent-soft:#deedd9;--dark:#233b2b;--paper:#f0f5ed}
body[data-page="dashboard"]{--accent:#3c6d57;--accent-soft:#dbeade;--dark:#20392d;--paper:#f3f5ef}body[data-page="deposit"]{--accent:#19785b;--accent-soft:#d9f0e4;--dark:#174434;--paper:#eef6f0}body[data-page="withdraw"]{--accent:#b45e64;--accent-soft:#f5e0df;--dark:#492d31;--paper:#f8f0ef}body[data-page="invest"]{--accent:#4778a6;--accent-soft:#dceafa;--dark:#253b55;--paper:#f0f5fa}body[data-page="invest_tracking"]{--accent:#7965a0;--accent-soft:#e9e1f3;--dark:#332c49;--paper:#f5f2f8}body[data-page="transactions"]{--accent:#5d6d74;--accent-soft:#e0e8e9;--dark:#293b42;--paper:#f2f5f5}body[data-page="referrals"]{--accent:#b57b39;--accent-soft:#f3e6d0;--dark:#44331f;--paper:#f8f4ed}body[data-page="status"]{--accent:#278594;--accent-soft:#d9eff0;--dark:#1d4247;--paper:#eef7f7}body[data-page="profile"],body[data-page="change_pin"]{--accent:#7863a3;--accent-soft:#e7e1f2;--dark:#332b49;--paper:#f4f1f8}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:.91rem;font-weight:750;letter-spacing:-.04em;color:var(--ink);white-space:nowrap}.brand b{font-weight:500;color:var(--muted)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--dark);color:#e0f1be;font:700 .78rem Georgia,serif;letter-spacing:-.06em}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 19px;border:1px solid transparent;border-radius:999px;font-size:.82rem;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button-dark{color:white;background:var(--dark)}.button-dark:hover{background:var(--accent)}.button-line{border-color:var(--line);background:transparent}.button-line:hover{border-color:var(--accent)}.button-soft{color:var(--accent);background:var(--accent-soft)}.button-danger{color:white;background:#a84651}.button-small{min-height:38px;padding:0 14px;font-size:.76rem}
.public-header{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,254,250,.88);border-bottom:1px solid rgba(23,35,31,.07);position:relative;z-index:8}.public-nav{display:flex;align-items:center;gap:30px}.public-nav>a:not(.button){font-size:.82rem;color:#65716a}.public-nav>a:not(.button):hover{color:var(--accent)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);width:42px;height:42px;color:var(--ink)}.site-footer{padding:38px 5vw 22px;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:center;gap:18px;background:#172d25;color:#f7f6ed}.site-footer .brand{color:#fff}.site-footer .brand b{color:#a8b7ad}.site-footer .brand-mark{background:#315742}.site-footer p{margin:0;color:#afbbb3;font-size:.83rem}.site-footer nav{display:flex;gap:20px;font-size:.8rem;color:#dce4dd}.site-footer small{color:#a3b0a7;font-size:.72rem}
.home-hero{min-height:640px;padding:7vw 9vw 6vw;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:5vw;position:relative;overflow:hidden;background:#edf1e6}.home-hero::before{content:"";position:absolute;width:52vw;height:52vw;right:-11vw;top:-22vw;border:1px solid rgba(35,73,55,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(35,73,55,.035),0 0 0 90px rgba(35,73,55,.025)}.hero-copy,.hero-art{position:relative;z-index:1}.hero-copy{max-width:680px}.hero-copy .kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.hero-copy .kicker::before{content:"";width:25px;height:1px;background:currentColor}.hero-copy h1{max-width:680px;margin:0 0 23px;font-size:clamp(3.6rem,7vw,7rem);letter-spacing:-.07em}.hero-copy h1 em{color:var(--accent);font-weight:400}.hero-copy .lede{max-width:520px;font-size:1rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.hero-note{display:flex;align-items:center;gap:11px;margin-top:40px;color:#66756b;font-size:.77rem}.hero-note b{color:var(--accent)}.hero-art{min-height:445px;display:grid;place-items:center}.hero-art-card{width:min(100%,380px);aspect-ratio:.84;overflow:hidden;border-radius:200px 200px 24px 24px;background:linear-gradient(145deg,#31563e,#1b3328);position:relative;box-shadow:0 28px 80px rgba(27,54,38,.2)}.hero-art-card::before,.hero-art-card::after{content:"";position:absolute;border:1px solid rgba(234,244,213,.3);border-radius:50%}.hero-art-card::before{width:72%;aspect-ratio:1;left:14%;top:14%}.hero-art-card::after{width:58%;aspect-ratio:1;left:21%;top:21%}.hero-sun{position:absolute;width:42%;aspect-ratio:1;top:29%;left:29%;border-radius:50%;background:#d5e5ad;box-shadow:0 0 90px rgba(213,229,173,.22)}.hero-stem{position:absolute;left:50%;top:42%;height:58%;width:1px;background:rgba(246,248,230,.45);transform:rotate(22deg);transform-origin:top}.hero-art-caption{position:absolute;left:28px;right:28px;bottom:28px;color:#f4f5e9;display:flex;justify-content:space-between;align-items:end}.hero-art-caption small{color:#c6d1bd}.hero-art-caption strong{font:500 1.4rem Georgia,serif}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 9vw;background:var(--dark);color:white}.metric{padding:7px 24px;border-right:1px solid rgba(255,255,255,.16)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{display:block;font:500 1.55rem Georgia,serif}.metric span{font-size:.72rem;color:#b6c5ba}.section-wrap{padding:100px max(8vw,24px)}.section-heading{max-width:650px;margin-bottom:40px}.section-heading h2{margin:14px 0;font-size:clamp(2.3rem,4vw,4.2rem)}.section-heading p{color:var(--muted);max-width:570px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-card{padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--surface);min-height:205px}.feature-number{display:block;margin-bottom:29px;color:var(--accent);font:500 1.2rem Georgia,serif}.feature-card h3{margin-bottom:10px;font-size:1.22rem}.feature-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.7}.band-cta{margin:0 7vw 90px;padding:52px 6vw;display:flex;justify-content:space-between;align-items:center;gap:26px;background:#e6ebdc;border-radius:var(--radius)}.band-cta h2{max-width:570px;margin:10px 0 0;font-size:clamp(2rem,4vw,3.4rem)}
.interior-hero{padding:80px 9vw 72px;background:var(--dark);color:white;position:relative;overflow:hidden}.interior-hero::after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:6vw;top:-190px;box-shadow:0 0 0 36px rgba(255,255,255,.03),0 0 0 76px rgba(255,255,255,.025)}.interior-hero>*{position:relative;z-index:1}.interior-hero .kicker{color:var(--accent-soft)}.interior-hero h1{max-width:780px;margin:14px 0;font-size:clamp(3rem,6vw,5.7rem)}.interior-hero p{max-width:620px;color:#c4cec6;font-size:.98rem;line-height:1.8}.interior-body{padding:66px 9vw 90px}.two-column{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.principle-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.principle-card p{margin:0;color:var(--muted);font-size:.86rem}.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.contact-panel,.contact-aside{padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:grid;gap:7px;margin:0 0 15px}.field-full{grid-column:1/-1}.field label,label{font-size:.79rem;font-weight:700;color:#39463f}.field input,.field textarea,.field select,.form-control,input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;min-height:48px;border:1px solid #dfe3dc;border-radius:11px;padding:12px 14px;background:#fffefa;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}.field textarea,.field textarea.form-control{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.help-text{font-size:.76rem;color:var(--muted)}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.form-errors,.errorlist,.notice-error{color:#a63f49}.notice{padding:14px 16px;margin:15px 0;border-radius:12px;background:var(--accent-soft);color:var(--ink);font-size:.88rem}.notice-success{background:#e0f1e3;color:#286044}.notice-error{background:#f7e4e4}.notice-warning{background:#f8edd7;color:#795b27}.form-page{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:38px 20px;background:radial-gradient(circle at 15% 15%,var(--accent-soft),transparent 28rem),var(--paper)}.form-card{width:min(100%,570px);padding:clamp(25px,5vw,44px);border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.form-card-narrow{max-width:480px}.form-card h1,.form-card h2{font-size:2.5rem;margin:9px 0 8px}.form-card .subtitle{margin-bottom:27px}.form-card form>p{margin:0 0 16px}.form-card form>p label{display:block;margin-bottom:7px}.form-card form>p input{margin-top:6px}.form-card button[type=submit]{width:100%;min-height:49px;margin-top:10px}.form-end{margin-top:23px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.83rem}.form-end a,.text-link{color:var(--accent);font-weight:700}.form-brand{margin-bottom:35px}.error{color:#aa3f4a}.success{color:#27734a}
.auth-page{--accent:#466d56;--accent-soft:#e0eadf;--dark:#1e3629;--paper:#f5f4ed;background:var(--paper)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(350px,.9fr) 1.1fr}.auth-story{min-height:100vh;padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 90% 20%,rgba(226,237,192,.2),transparent 24rem),linear-gradient(145deg,#284d39,#152a21)}.brand-light{color:white}.brand-light b{color:#bdc9bd}.brand-light .brand-mark{background:#e2edc0;color:#274534}.auth-story-copy{max-width:590px}.auth-story-copy .kicker{color:#ccdda9}.auth-story-copy h1{margin:20px 0;font-size:clamp(3.5rem,6vw,6.7rem);letter-spacing:-.065em}.auth-story-copy p{max-width:420px;color:#c4d0c5;font-size:1rem}.auth-story-foot{display:flex;align-items:center;gap:13px;color:#cbd5cb;font-size:.79rem}.story-orbit{width:44px;height:44px;border:1px solid #81978a;border-radius:50%;display:grid;place-items:center;color:#d9e5be;font:1.2rem Georgia,serif}.auth-content{padding:50px clamp(28px,8vw,120px);display:flex;flex-direction:column;justify-content:center;max-width:810px;width:100%;margin:auto}.auth-content>.form-card{border:0;box-shadow:none;background:transparent;padding:0}.auth-mobile-brand{display:none}.auth-legal{font-size:.72rem;color:#929b94;margin:35px 0 0}.auth-layout .field{margin-bottom:16px}.auth-layout .form-card h1,.auth-layout .form-card h2{font-size:2.8rem}.auth-layout .button{width:100%;margin-top:9px}.auth-layout .form-end{justify-content:flex-start;gap:8px}
.app-page{--sidebar:#1c3028;--sidebar-text:#d4dfd6;background:var(--paper)}.app-layout{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.app-sidebar{position:sticky;top:0;height:100vh;padding:28px 18px 20px;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:10}.app-sidebar .brand{padding:0 9px 32px;color:white}.app-sidebar .brand b{color:#a9b9ad}.app-sidebar .brand-mark{background:#345541}.nav-caption{padding:0 12px;color:#82938a;font-size:.59rem}.app-nav{display:grid;gap:5px}.app-nav a,.sidebar-bottom>a,.sidebar-bottom form button{height:44px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#b7c5bb;border-radius:10px;font-size:.83rem;transition:background .15s,color .15s}.app-nav a>span,.sidebar-bottom span{width:18px;text-align:center;font-size:1.08rem}.app-nav a:hover,.sidebar-bottom>a:hover,.sidebar-bottom form button:hover{background:rgba(255,255,255,.08);color:white}.app-nav a.nav-current{background:#dbe9dc;color:#1f4934;font-weight:750}.body:not(.app-page) .app-nav a.nav-current{color:var(--accent)}.sidebar-bottom{display:grid;gap:4px;margin-top:auto}.sidebar-bottom form{margin:0}.sidebar-bottom form button{width:100%;border:0;background:none;text-align:left}.app-main-wrap{min-width:0}.app-topbar{height:72px;padding:0 clamp(20px,4vw,55px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,254,250,.82)}.topbar-label{font-size:.68rem;font-weight:800;letter-spacing:.13em;color:#65726a}.topbar-label span{color:#b8c1bb;padding:0 8px}.topbar-account{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:650}.topbar-account>b{color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800}.app-main{max-width:1350px;margin:auto;padding:36px clamp(20px,4vw,55px) 60px;min-height:calc(100vh - 120px)}.app-footer{padding:0 clamp(20px,4vw,55px) 22px;color:#8a948d;font-size:.72rem}.app-footer span{padding:0 7px}.app-menu-toggle{display:none}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-heading h1{font-size:clamp(2.5rem,4vw,4.4rem);margin:8px 0}.page-heading p{max-width:640px;margin:0;color:var(--muted);font-size:.9rem}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:23px;box-shadow:0 8px 24px rgba(23,35,31,.025)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-title h2,.panel-title h3{margin:0;font-size:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat-card{padding:21px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.stat-label{color:var(--muted);font-size:.74rem;font-weight:700}.stat-value{display:block;margin:9px 0 4px;font:500 clamp(1.5rem,2vw,2rem) Georgia,serif;letter-spacing:-.04em}.stat-foot{color:#89938c;font-size:.72rem}.stat-card-primary{background:var(--dark);color:white;border-color:var(--dark)}.stat-card-primary .stat-label,.stat-card-primary .stat-foot{color:#c3d1c5}.stat-card-primary .stat-value{color:#e3edc7}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.chart-panel{min-height:300px;overflow:auto}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.quick-action{min-height:72px;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:.81rem;font-weight:700}.quick-action:hover{border-color:var(--accent);background:var(--accent-soft)}.action-icon{width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:1.1rem}
.data-table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;min-width:620px;border-collapse:collapse;background:var(--surface);font-size:.81rem}.data-table th{padding:13px 15px;text-align:left;background:#f5f6f1;color:#758078;font-size:.66rem;letter-spacing:.11em;text-transform:uppercase}.data-table td{padding:14px 15px;border-top:1px solid var(--line);white-space:nowrap}.data-table tbody tr:hover{background:var(--accent-soft)}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;background:#edf0ed;color:#526056;font-size:.68rem;font-weight:750}.pill-success{background:#e0f1e3;color:#286044}.pill-pending{background:#f8edd7;color:#795b27}.pill-failed{background:#f7e4e4;color:#9d3e49}.empty-state{padding:28px;text-align:center;color:var(--muted);font-size:.86rem}.finance-form{max-width:560px}.finance-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.8fr);gap:16px;align-items:start}.finance-form button{min-height:49px;width:100%;margin-top:9px}.finance-aside{background:var(--dark);color:white;padding:26px;border-radius:var(--radius)}.finance-aside h2,.finance-aside h3{color:white}.finance-aside p,.finance-aside li{color:#c5d1c8;font-size:.85rem}.finance-aside .aside-value{font:500 2rem Georgia,serif;color:#e2edc0}.finance-aside .button{margin-top:12px}.notice-list{display:grid;gap:9px}.referral-link-box{display:flex;gap:8px}.referral-link-box input{flex:1;min-width:0}.mobile-cards{display:none}.profile-columns{display:grid;grid-template-columns:1fr .8fr;gap:15px}.profile-card form>input{margin:0 0 12px}.pin-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-message{padding:10px 13px;border-radius:10px;background:#f5e7e7;color:#933f46}.auth-message.success{background:#e0f1e3;color:#286044}
.status-card{max-width:760px;margin:0 auto;padding:clamp(25px,5vw,48px);text-align:center}.status-symbol{width:68px;height:68px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:1.8rem}.status-card .page-actions{justify-content:center;margin-top:24px}
@media(max-width:1050px){.app-layout{grid-template-columns:220px 1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.public-header{height:66px;padding:0 18px}.menu-toggle{display:grid;place-items:center}.public-nav{display:none;position:absolute;top:65px;left:0;right:0;padding:14px 18px 20px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.public-nav.is-open{display:flex}.public-nav>a:not(.button){padding:12px 4px}.home-hero{grid-template-columns:1fr;padding:64px 24px 42px;gap:22px}.home-hero::before{width:100vw;height:100vw;right:-58vw;top:-20vw}.hero-copy h1{font-size:clamp(3.4rem,14vw,5.5rem)}.hero-art{min-height:300px}.hero-art-card{width:260px;aspect-ratio:.93}.metrics-strip{grid-template-columns:repeat(2,1fr);padding:20px 22px}.metric{padding:12px!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.metric:nth-child(odd){border-right:1px solid rgba(255,255,255,.14)}.metric:nth-last-child(-n+2){border-bottom:0}.section-wrap{padding:65px 22px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:185px;padding:18px}.band-cta{margin:0 18px 55px;padding:30px 24px;align-items:flex-start;flex-direction:column}.interior-hero{padding:56px 24px}.interior-hero h1{font-size:clamp(2.8rem,12vw,4.5rem)}.interior-hero::after{right:-250px}.interior-body{padding:34px 20px 55px}.two-column,.contact-layout,.profile-columns{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding:30px 22px 22px;gap:12px}.site-footer nav{flex-wrap:wrap}.app-layout{display:block}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(285px,86vw);height:100dvh;transform:translateX(-105%);transition:transform .22s;box-shadow:var(--shadow)}.app-sidebar.is-open{transform:translateX(0)}.app-topbar{height:62px;padding:0 16px}.app-menu-toggle{display:grid;place-items:center}.topbar-label{font-size:.57rem}.topbar-account>span:not(.avatar){display:none}.app-main{padding:27px 16px 48px;min-height:calc(100vh - 100px)}.app-footer{padding:0 16px 18px}.page-heading{display:block;margin-bottom:20px}.page-heading h1{font-size:clamp(2.65rem,12vw,3.6rem)}.page-heading .page-actions{margin-top:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:16px}.stat-card-primary{grid-column:1/-1}.stat-value{font-size:1.5rem}.quick-actions{grid-template-columns:1fr 1fr;gap:8px}.quick-action{padding:12px;min-height:64px}.panel{padding:17px}.finance-layout{grid-template-columns:1fr}.finance-aside{order:-1}.field-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.referral-link-box{flex-direction:column}.auth-layout{display:block}.auth-story{display:none}.auth-content{min-height:100vh;padding:28px 24px;justify-content:center}.auth-mobile-brand{display:inline-flex;margin-bottom:42px}.auth-layout .form-card{width:100%;padding:0}.auth-layout .form-card h1,.auth-layout .form-card h2{font-size:2.5rem}.auth-legal{margin-top:25px}.data-table-wrap{border:0;overflow:visible}.data-table{min-width:0;border:0}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tbody{display:grid;gap:10px}.data-table tr{padding:7px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.data-table td{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border:0;white-space:normal;text-align:right}.data-table td::before{content:attr(data-label);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left}.data-table td.empty-state{display:block;text-align:center}.data-table td.empty-state::before{content:none}}
@media(max-width:420px){.brand{font-size:.82rem}.brand-mark{width:34px;height:34px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-number{margin-bottom:19px}.quick-actions{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat-card-primary{grid-column:1/-1}.hero-actions .button{flex:1}}

/* Distinct palettes for the account flows. */
body.auth-page[data-page="register"]{--accent:#a66a35;--accent-soft:#f2e1cf;--dark:#493222;--paper:#f7f0e9}
body.auth-page[data-page="forgot_password"],body.auth-page[data-page="forgot_pin_request"]{--accent:#36798a;--accent-soft:#d8ebee;--dark:#203e47;--paper:#eff6f6}
body.auth-page[data-page="verify_otp"],body.auth-page[data-page="forgot_pin_verify"],body.auth-page[data-page="login_verify_otp"]{--accent:#805f9a;--accent-soft:#e9def0;--dark:#392d46;--paper:#f5f1f7}
body.auth-page[data-page="reset_password"],body.auth-page[data-page="set_new_pin"]{--accent:#497550;--accent-soft:#dfebdc;--dark:#2a402e;--paper:#f1f5ef}
body.auth-page[data-page="logout"]{--accent:#b26b48;--accent-soft:#f2e2d8;--dark:#493126;--paper:#f8f1ec}
body[data-page="dashboard"] .app-nav a.nav-dashboard,body[data-page="deposit"] .app-nav a.nav-deposit,body[data-page="withdraw"] .app-nav a.nav-withdraw,body[data-page="invest"] .app-nav a.nav-invest,body[data-page="invest_tracking"] .app-nav a.nav-invest-tracking,body[data-page="transactions"] .app-nav a.nav-transactions,body[data-page="referrals"] .app-nav a.nav-referrals,body[data-page="status"] .app-nav a.nav-status,body[data-page="profile"] .app-nav a.nav-profile{background:var(--accent-soft);color:var(--accent)}

/* Photography supplied for the new Special_Fund identity. */
.hero-art-card{background-image:linear-gradient(180deg,rgba(16,35,27,.05) 38%,rgba(16,35,27,.76)),url("/static/images/fund/growth-steps.jpg");background-size:cover;background-position:center}.hero-art-card::before,.hero-art-card::after,.hero-sun,.hero-stem{display:none}
.interior-hero{background-image:linear-gradient(90deg,rgba(24,40,31,.92),rgba(24,40,31,.52)),url("/static/images/fund/investment-concept.jpg");background-size:cover;background-position:center 46%}
.feature-card{padding-top:108px;background-size:100% 88px;background-position:top;background-repeat:no-repeat}.feature-card:nth-child(1){background-image:linear-gradient(rgba(255,254,250,.08),rgba(255,254,250,.08)),url("/static/images/fund/seedling-investment.jpg")}.feature-card:nth-child(2){background-image:linear-gradient(rgba(255,254,250,.08),rgba(255,254,250,.08)),url("/static/images/fund/coin-growth.jpg")}.feature-card:nth-child(3){background-image:linear-gradient(rgba(255,254,250,.08),rgba(255,254,250,.08)),url("/static/images/fund/blue-growth.jpg")}.feature-card:nth-child(4){background-image:linear-gradient(rgba(255,254,250,.08),rgba(255,254,250,.08)),url("/static/images/fund/growing-savings.jpg")}
.auth-story{background-image:linear-gradient(145deg,rgba(18,40,43,.84),rgba(27,50,40,.68)),url("/static/images/fund/hands-and-investments.jpg");background-size:cover;background-position:center}.auth-page[data-page="register"] .auth-story{background-image:linear-gradient(145deg,rgba(43,34,24,.78),rgba(52,41,27,.63)),url("/static/images/fund/financial-planning.jpg")}.auth-page[data-page="verify_otp"] .auth-story,.auth-page[data-page="forgot_pin_verify"] .auth-story,.auth-page[data-page="login_verify_otp"] .auth-story{background-image:linear-gradient(145deg,rgba(43,34,24,.76),rgba(39,34,54,.62)),url("/static/images/fund/investment-options.jpg")}
.app-page[data-page="dashboard"] .stat-card-primary{background-image:linear-gradient(110deg,rgba(27,52,39,.96),rgba(27,52,39,.74)),url("/static/images/fund/currency-growth.jpg");background-size:cover;background-position:center}.app-page[data-page="invest"] .finance-aside{background-image:linear-gradient(140deg,rgba(29,47,67,.94),rgba(29,47,67,.77)),url("/static/images/fund/blue-growth.jpg");background-size:cover;background-position:center}.app-page[data-page="deposit"] .finance-aside{background-image:linear-gradient(140deg,rgba(19,62,45,.94),rgba(19,62,45,.75)),url("/static/images/fund/growth-steps.jpg");background-size:cover;background-position:center}.app-page[data-page="withdraw"] .finance-aside{background-image:linear-gradient(140deg,rgba(73,45,49,.95),rgba(73,45,49,.76)),url("/static/images/fund/financial-planning.jpg");background-size:cover;background-position:center}.app-page[data-page="referrals"] .finance-aside{background-image:linear-gradient(140deg,rgba(62,47,28,.92),rgba(62,47,28,.7)),url("/static/images/fund/seedling-investment.jpg");background-size:cover;background-position:center}.app-page[data-page="invest_tracking"] .stat-card-primary{background-image:linear-gradient(110deg,rgba(50,42,69,.94),rgba(50,42,69,.73)),url("/static/images/fund/growing-savings.jpg");background-size:cover;background-position:center}.contact-aside{background-image:linear-gradient(140deg,rgba(30,58,69,.91),rgba(30,58,69,.75)),url("/static/images/fund/investment-options.jpg");background-size:cover;background-position:center}.contact-aside .muted{color:#e3ebec}.contact-aside .feature-number,.contact-aside h3,.contact-aside .text-link{color:white}
@media(max-width:760px){.feature-card{padding-top:105px}}

/* The home page has its own brighter, more expressive color story. */
body[data-page="home"]{--accent:#197e68;--accent-soft:#d7f0e7;--dark:#12382f;--paper:#f5f7ef}
body[data-page="home"] .home-hero{background:linear-gradient(115deg,#f3f7ed 5%,#e4f1e4 58%,#d4e8db 100%)}
body[data-page="home"] .hero-copy h1 em{color:#16856d}
body[data-page="home"] .hero-art-card{width:min(100%,425px);aspect-ratio:.91;border-radius:190px 190px 26px 26px;background-image:linear-gradient(180deg,rgba(9,35,29,.02) 35%,rgba(9,35,29,.78)),url("/static/images/fund/growth-steps.jpg");box-shadow:0 38px 95px rgba(26,72,53,.28);transform:perspective(1000px) rotateX(var(--card-rotate-x,0deg)) rotateY(var(--card-rotate-y,0deg));transition:transform .25s ease,box-shadow .25s ease}
body[data-page="home"] .hero-art-card:hover{box-shadow:0 46px 105px rgba(26,72,53,.36)}
.hero-art{animation:home-float 6s ease-in-out infinite}.hero-art-caption{left:32px;right:32px;bottom:35px}.hero-art-index{padding:8px 11px;border:1px solid rgba(255,255,255,.35);border-radius:99px;background:rgba(15,38,31,.26);font-size:.7rem;backdrop-filter:blur(8px)}
.hero-float-note{position:absolute;right:-28px;bottom:112px;display:flex;align-items:center;gap:12px;padding:14px 17px;border:1px solid rgba(255,255,255,.6);border-radius:15px;background:rgba(255,254,250,.94);color:#17231f;box-shadow:0 16px 40px rgba(20,42,31,.18);animation:home-bob 4.2s ease-in-out infinite;backdrop-filter:blur(12px)}.hero-float-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#d8efdf;color:#18724e;font-size:1.2rem}.hero-float-note small,.hero-float-note strong{display:block}.hero-float-note small{font-size:.56rem;letter-spacing:.1em;color:#738079}.hero-float-note strong{font-size:.72rem;margin-top:2px}
.journey-section{padding:92px max(8vw,24px);background:#fffefa}.journey-heading{max-width:660px;margin:0 auto 38px;text-align:center}.journey-heading h2{margin:12px 0;font-size:clamp(2.4rem,4.5vw,4.1rem)}.journey-heading p{color:var(--muted)}.journey-layout{max-width:1160px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch}.journey-tabs{display:grid;align-content:center;gap:10px}.journey-tab{display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:12px;padding:17px 16px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--ink);text-align:left;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.journey-tab:hover{transform:translateX(4px);background:#f7f8f2}.journey-tab.is-active{background:#edf5ec;border-color:#d8e8d9;box-shadow:0 10px 25px rgba(35,80,56,.07)}.journey-tab-number{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#64766b;font:500 1rem Georgia,serif}.journey-tab.is-active .journey-tab-number{background:var(--dark);color:#e3edc7}.journey-tab-label strong,.journey-tab-label small{display:block}.journey-tab-label strong{font-size:.91rem}.journey-tab-label small{margin-top:3px;color:var(--muted);font-size:.74rem}.journey-tab>b{color:#829288;font-size:1.1rem}.journey-tab.is-active>b{color:var(--accent)}
.journey-preview{position:relative;min-height:390px;overflow:hidden;border-radius:22px;background:#1c352c;box-shadow:0 22px 60px rgba(20,42,31,.17)}.journey-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform 1s}.journey-preview.is-changing>img{opacity:.45;transform:scale(1.04)}.journey-preview-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,29,23,.9),rgba(11,29,23,.06) 78%)}.journey-preview-copy{position:absolute;left:clamp(22px,4vw,42px);right:30px;bottom:38px;max-width:520px;color:white}.journey-preview-copy>span{font-size:.64rem;font-weight:800;letter-spacing:.14em;color:#d6e9b4}.journey-preview-copy h3{margin:12px 0;font-size:clamp(1.8rem,3vw,2.7rem)}.journey-preview-copy p{max-width:430px;margin:0;color:#d4ddd7;font-size:.87rem}.journey-preview-index{position:absolute;top:24px;right:24px;padding:9px 13px;border:1px solid rgba(255,255,255,.4);border-radius:99px;color:white;font:500 .82rem Georgia,serif;backdrop-filter:blur(8px)}.journey-preview-index i{color:#d3e1d5;font-size:.72rem;font-style:normal}
.home-motion .home-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}.home-motion .home-reveal.is-visible{opacity:1;transform:translateY(0)}.home-motion .feature-card:nth-child(2){transition-delay:.08s}.home-motion .feature-card:nth-child(3){transition-delay:.16s}.home-motion .feature-card:nth-child(4){transition-delay:.24s}.home-motion .metric strong{transition:color .2s}.home-motion .metric:hover strong{color:#d8efaa}.home-motion .feature-card{transition:transform .24s,box-shadow .24s,opacity .7s}.home-motion .feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(23,35,31,.1)}body[data-page="home"] .band-cta{background:linear-gradient(115deg,#e5eedc,#d9e9d8)}
@keyframes home-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes home-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:760px){.journey-section{padding:64px 20px}.journey-layout{grid-template-columns:1fr;gap:17px}.journey-preview{min-height:340px;grid-row:1}.journey-tabs{gap:5px}.journey-tab{padding:12px 9px;grid-template-columns:35px 1fr 22px}.journey-tab-number{width:32px;height:32px}.journey-tab-label small{font-size:.68rem}.hero-float-note{right:-5px;bottom:86px;padding:11px 12px}.hero-art-card{width:260px!important}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-float-note{animation:none!important}.home-motion .home-reveal{opacity:1;transform:none;transition:none}.journey-tab,.journey-preview>img,.hero-art-card{transition:none!important}html{scroll-behavior:auto}}

/* Site-wide gradient refresh with a separate color identity for every area. */
body[data-page="home"]{--accent:#087f65;--accent-soft:#d7f1e4;--dark:#102f36;--paper:#f3f8f2}
body[data-page="about"]{--accent:#b65c31;--accent-soft:#f7e3d3;--dark:#49271f;--paper:#fbf3ed}
body[data-page="contacts"]{--accent:#326bc5;--accent-soft:#dce9ff;--dark:#1b3158;--paper:#f1f5ff}
body[data-page="thank"]{--accent:#158b87;--accent-soft:#d5f1ec;--dark:#153d46;--paper:#eff9f7}
body[data-page="dashboard"]{--accent:#6056c9;--accent-soft:#e4e2ff;--dark:#29264f;--paper:#f4f3ff}
body[data-page="deposit"]{--accent:#07845f;--accent-soft:#d2f2e3;--dark:#123e39;--paper:#eff9f4}
body[data-page="withdraw"]{--accent:#d35368;--accent-soft:#ffe1e5;--dark:#542d41;--paper:#fff3f4}
body[data-page="invest"]{--accent:#2874d5;--accent-soft:#dcecff;--dark:#1d345b;--paper:#f1f7ff}
body[data-page="invest_tracking"]{--accent:#8a50c2;--accent-soft:#f0e1ff;--dark:#38244f;--paper:#faf4ff}
body[data-page="transactions"]{--accent:#347b91;--accent-soft:#d9eff4;--dark:#203c4c;--paper:#f0f8fa}
body[data-page="referrals"]{--accent:#bf7a1f;--accent-soft:#f8eacb;--dark:#49351e;--paper:#fcf7eb}
body[data-page="status"]{--accent:#0796ac;--accent-soft:#d5f4f4;--dark:#14424c;--paper:#effafa}
body[data-page="profile"],body[data-page="change_pin"]{--accent:#7756c9;--accent-soft:#e7e0ff;--dark:#332957;--paper:#f6f3ff}
body.auth-page[data-page="login"]{--accent:#078c81;--accent-soft:#d3f0e8;--dark:#123d43;--paper:#eff8f5}
body.auth-page[data-page="register"]{--accent:#c16a35;--accent-soft:#f8e4d2;--dark:#492d28;--paper:#fbf4ee}
body.auth-page[data-page="forgot_password"],body.auth-page[data-page="forgot_pin_request"]{--accent:#3175c8;--accent-soft:#dceaff;--dark:#203955;--paper:#f2f7ff}
body.auth-page[data-page="verify_otp"],body.auth-page[data-page="forgot_pin_verify"],body.auth-page[data-page="login_verify_otp"]{--accent:#8350bd;--accent-soft:#eee0fb;--dark:#38264f;--paper:#f8f3fc}
body.auth-page[data-page="reset_password"],body.auth-page[data-page="set_new_pin"]{--accent:#16825b;--accent-soft:#d8f1df;--dark:#244634;--paper:#f1f8f1}
body.auth-page[data-page="logout"]{--accent:#bd6545;--accent-soft:#f6e0d4;--dark:#492e2b;--paper:#fbf3ee}
body[data-page]{background-color:var(--paper);background-image:radial-gradient(ellipse at 2% 0%,var(--accent-soft) 0,transparent 35%),linear-gradient(145deg,var(--paper),#fffefa 65%,var(--accent-soft));background-attachment:fixed}
.public-header{background:linear-gradient(100deg,rgba(255,254,250,.96),rgba(255,255,255,.82),rgba(239,248,243,.9));backdrop-filter:blur(16px)}
.site-footer{background:linear-gradient(115deg,#102f36,#183f39 55%,#253c55);}
.button-dark{background:linear-gradient(115deg,var(--dark),var(--accent));background-size:180% 180%;box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 20%,transparent);animation:gradient-drift 9s ease infinite}
.button-dark:hover{background:linear-gradient(115deg,var(--accent),var(--dark));box-shadow:0 11px 24px color-mix(in srgb,var(--accent) 30%,transparent)}
.button-soft{background:linear-gradient(120deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 48%,white));}
.button-line{border-color:color-mix(in srgb,var(--accent) 25%,var(--line));background:rgba(255,255,255,.43);backdrop-filter:blur(8px)}
.app-page .app-sidebar{background:linear-gradient(155deg,var(--dark),color-mix(in srgb,var(--dark) 68%,var(--accent)));}
.app-page .app-topbar{background:linear-gradient(100deg,rgba(255,255,255,.88),color-mix(in srgb,var(--accent-soft) 38%,rgba(255,255,255,.86)));backdrop-filter:blur(16px)}
.app-page .stat-card-primary{background-color:var(--dark);background-image:linear-gradient(130deg,var(--dark),color-mix(in srgb,var(--dark) 67%,var(--accent)));}
.panel,.feature-card,.contact-panel,.journey-tab{transition:border-color .22s,box-shadow .22s,transform .22s,background-color .22s}
.panel:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--line));box-shadow:0 16px 38px color-mix(in srgb,var(--accent) 9%,transparent)}
.feature-card{border-color:color-mix(in srgb,var(--accent) 13%,var(--line));}
.data-table th{background:linear-gradient(100deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 40%,white));color:var(--dark)}
.interior-hero{background-image:linear-gradient(108deg,rgba(25,31,37,.86),rgba(25,31,37,.34)),url("/static/images/fund/investment-concept.jpg");}
body[data-page="about"] .interior-hero{background-image:linear-gradient(108deg,rgba(67,38,27,.88),rgba(111,62,36,.36)),url("/static/images/fund/investment-concept.jpg")}
body[data-page="contacts"] .interior-hero{background-image:linear-gradient(108deg,rgba(22,47,91,.88),rgba(34,86,148,.37)),url("/static/images/fund/financial-planning.jpg")}
body[data-page="thank"] .interior-hero{background-image:linear-gradient(108deg,rgba(19,64,62,.9),rgba(22,112,97,.36)),url("/static/images/fund/seedling-investment.jpg")}
.auth-content{background:linear-gradient(145deg,var(--paper),color-mix(in srgb,var(--accent-soft) 50%,white) 65%,#fffefa)}
.auth-story{background-color:var(--dark);background-blend-mode:normal}
.journey-tab.is-active{background:linear-gradient(105deg,var(--accent-soft),#fffefa);border-color:color-mix(in srgb,var(--accent) 30%,white)}
.band-cta{background:linear-gradient(115deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 50%,white),#fffefa);border:1px solid color-mix(in srgb,var(--accent) 12%,white)}
.status-symbol{background:linear-gradient(145deg,var(--accent-soft),white);box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 14%,transparent)}
body[data-page="home"] .home-hero{background-size:200% 200%;animation:gradient-drift 18s ease infinite}
.app-page .app-sidebar{background-size:180% 180%;animation:gradient-drift 16s ease infinite}
.app-page[data-page="dashboard"] .stat-card-primary{background-image:linear-gradient(120deg,rgba(41,38,79,.94),rgba(48,96,112,.72)),url("/static/images/fund/currency-growth.jpg")}
.app-page[data-page="invest_tracking"] .stat-card-primary{background-image:linear-gradient(120deg,rgba(56,36,79,.94),rgba(112,62,151,.72)),url("/static/images/fund/growing-savings.jpg")}
@keyframes gradient-drift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.button-dark,body[data-page="home"] .home-hero,.app-page .app-sidebar{animation:none}.button,.panel,.feature-card,.contact-panel,.journey-tab{transition:none}}

/* New direction: warm coral, berry, amber and violet instead of the green/blue palette. */
body[data-page="home"]{--accent:#e34f68;--accent-soft:#ffe0e6;--dark:#351735;--paper:#fff4f1}
body[data-page="about"]{--accent:#bd456f;--accent-soft:#f8dce8;--dark:#3e1d36;--paper:#fff2f7}
body[data-page="contacts"]{--accent:#cf673c;--accent-soft:#ffe4d3;--dark:#49251d;--paper:#fff5ed}
body[data-page="thank"]{--accent:#a87c1d;--accent-soft:#f8edc9;--dark:#473817;--paper:#fff9e9}
body[data-page="dashboard"]{--accent:#bd55b7;--accent-soft:#f7def1;--dark:#381849;--paper:#fff3fb}
body[data-page="deposit"]{--accent:#df633b;--accent-soft:#ffe2d4;--dark:#51271f;--paper:#fff5ef}
body[data-page="withdraw"]{--accent:#ad700d;--accent-soft:#f8ebc9;--dark:#493313;--paper:#fff9e9}
body[data-page="invest"]{--accent:#d34458;--accent-soft:#f9dce3;--dark:#461a32;--paper:#fff2f4}
body[data-page="invest_tracking"]{--accent:#5e68c5;--accent-soft:#e2e3ff;--dark:#27244f;--paper:#f4f3ff}
body[data-page="transactions"]{--accent:#a45b48;--accent-soft:#f4e0d7;--dark:#42281f;--paper:#fbf4ef}
body[data-page="referrals"]{--accent:#d34e88;--accent-soft:#fbddea;--dark:#4a1d3c;--paper:#fff2f8}
body[data-page="status"]{--accent:#168d78;--accent-soft:#d6f1e7;--dark:#153c36;--paper:#eff9f4}
body[data-page="profile"],body[data-page="change_pin"]{--accent:#7953b7;--accent-soft:#ebe0f8;--dark:#302047;--paper:#f7f2fc}
body.auth-page[data-page="login"]{--accent:#bd4e80;--accent-soft:#f7ddea;--dark:#421d3c;--paper:#fff3f8}
body.auth-page[data-page="register"]{--accent:#d25b36;--accent-soft:#ffe2d1;--dark:#4b281f;--paper:#fff5ee}
body.auth-page[data-page="forgot_password"],body.auth-page[data-page="forgot_pin_request"]{--accent:#ba7910;--accent-soft:#f8edcd;--dark:#493716;--paper:#fff9e9}
body.auth-page[data-page="verify_otp"],body.auth-page[data-page="forgot_pin_verify"],body.auth-page[data-page="login_verify_otp"]{--accent:#7158ba;--accent-soft:#e9e1fb;--dark:#30214d;--paper:#f7f3ff}
body.auth-page[data-page="reset_password"],body.auth-page[data-page="set_new_pin"]{--accent:#14866a;--accent-soft:#d7f0e5;--dark:#193f37;--paper:#f0f9f4}
body.auth-page[data-page="logout"]{--accent:#ba653d;--accent-soft:#f7e1d4;--dark:#482820;--paper:#fff4ee}
body[data-page="home"] .home-hero{background-image:linear-gradient(120deg,#fff3ee 0%,#ffe3e5 50%,#f4d9f1 100%)}
body[data-page="home"] .hero-copy h1 em{color:#c93962}
body[data-page="home"] .hero-art-card{background-image:linear-gradient(180deg,rgba(50,19,40,.03) 34%,rgba(50,19,40,.76)),url("/static/images/fund/growth-steps.jpg");box-shadow:0 38px 95px rgba(90,34,65,.28)}
body[data-page="home"] .metrics-strip{background:linear-gradient(110deg,#351735,#542444 60%,#79354f)}
body[data-page="home"] .band-cta{background:linear-gradient(115deg,#ffe0e6,#f3d9f1,#ffead7)}
.site-footer{background:linear-gradient(115deg,#28132f,#45203d 55%,#71314e)}
.app-page .app-sidebar{background:linear-gradient(155deg,var(--dark),color-mix(in srgb,var(--dark) 66%,var(--accent)))}
.app-page .app-topbar{background:linear-gradient(100deg,rgba(255,255,255,.91),color-mix(in srgb,var(--accent-soft) 52%,white))}
.app-page .finance-aside{background-image:linear-gradient(135deg,color-mix(in srgb,var(--dark) 94%,transparent),color-mix(in srgb,var(--accent) 70%,transparent)),var(--aside-image,url("/static/images/fund/financial-planning.jpg"));background-size:cover;background-position:center}
.app-page[data-page="deposit"]{--aside-image:url("/static/images/fund/growth-steps.jpg")}
.app-page[data-page="withdraw"]{--aside-image:url("/static/images/fund/financial-planning.jpg")}
.app-page[data-page="invest"]{--aside-image:url("/static/images/fund/blue-growth.jpg")}
.app-page[data-page="referrals"]{--aside-image:url("/static/images/fund/seedling-investment.jpg")}
.app-page[data-page="dashboard"] .stat-card-primary{background-image:linear-gradient(125deg,rgba(56,24,73,.94),rgba(142,52,128,.69)),url("/static/images/fund/currency-growth.jpg")}
.app-page[data-page="invest_tracking"] .stat-card-primary{background-image:linear-gradient(125deg,rgba(39,36,79,.94),rgba(86,86,171,.7)),url("/static/images/fund/growing-savings.jpg")}
.interior-hero{background-image:linear-gradient(110deg,rgba(54,22,45,.87),rgba(108,44,72,.4)),url("/static/images/fund/investment-concept.jpg");background-size:cover;background-position:center}
body[data-page="contacts"] .interior-hero{background-image:linear-gradient(110deg,rgba(68,34,24,.9),rgba(156,76,42,.39)),url("/static/images/fund/financial-planning.jpg")}
body[data-page="thank"] .interior-hero{background-image:linear-gradient(110deg,rgba(69,53,19,.9),rgba(164,122,24,.39)),url("/static/images/fund/seedling-investment.jpg")}
.auth-content{background:linear-gradient(145deg,var(--paper),color-mix(in srgb,var(--accent-soft) 58%,white) 62%,#fffefa)}
.auth-story{background-image:linear-gradient(145deg,rgba(52,20,49,.87),rgba(106,37,79,.64)),url("/static/images/fund/hands-and-investments.jpg")}
.auth-page[data-page="register"] .auth-story{background-image:linear-gradient(145deg,rgba(74,35,23,.84),rgba(157,77,38,.58)),url("/static/images/fund/financial-planning.jpg")}
.auth-page[data-page="verify_otp"] .auth-story,.auth-page[data-page="forgot_pin_verify"] .auth-story,.auth-page[data-page="login_verify_otp"] .auth-story{background-image:linear-gradient(145deg,rgba(43,31,75,.85),rgba(93,62,157,.57)),url("/static/images/fund/investment-options.jpg")}
.contact-aside{background-image:linear-gradient(140deg,rgba(73,36,24,.93),rgba(179,82,42,.76)),url("/static/images/fund/investment-options.jpg")}

/* Keep photography crisp; place legibility treatments behind copy only. */
body[data-page="home"] .hero-art-card{background-image:url("/static/images/fund/growth-steps.jpg");background-size:cover;background-position:center;box-shadow:0 38px 95px rgba(48,22,42,.2)}
.hero-art-caption{left:20px;right:20px;bottom:20px;padding:15px 17px;border-radius:13px;background:rgba(35,22,30,.88);color:#fff;backdrop-filter:blur(8px)}.hero-art-caption small{color:#f0dbe4}.hero-art-index{background:#49263b}
.feature-card:nth-child(1){background-image:url("/static/images/fund/seedling-investment.jpg")}.feature-card:nth-child(2){background-image:url("/static/images/fund/coin-growth.jpg")}.feature-card:nth-child(3){background-image:url("/static/images/fund/blue-growth.jpg")}.feature-card:nth-child(4){background-image:url("/static/images/fund/growing-savings.jpg")}
.journey-preview-shade{background:none}.journey-preview-copy{padding:20px 22px;border-radius:14px;background:rgba(35,22,30,.91);backdrop-filter:blur(5px)}.journey-preview-index{background:rgba(35,22,30,.88)}
.interior-hero{background-image:url("/static/images/fund/investment-concept.jpg");background-size:cover;background-position:center;color:#fff}.interior-hero::before{content:"";position:absolute;left:5vw;top:12%;bottom:12%;width:min(690px,78%);border-radius:20px;background:rgba(39,23,36,.88)}.interior-hero::after{display:none}.interior-hero .kicker{color:#ffe2e6}.interior-hero p{color:#f5eaf0;text-shadow:0 1px 2px rgba(0,0,0,.24)}
body[data-page="contacts"] .interior-hero{background-image:url("/static/images/fund/financial-planning.jpg")}
body[data-page="thank"] .interior-hero{background-image:url("/static/images/fund/seedling-investment.jpg")}
.auth-story{background-image:url("/static/images/fund/hands-and-investments.jpg");background-size:cover;background-position:center}.auth-page[data-page="register"] .auth-story{background-image:url("/static/images/fund/financial-planning.jpg")}.auth-page[data-page="verify_otp"] .auth-story,.auth-page[data-page="forgot_pin_verify"] .auth-story,.auth-page[data-page="login_verify_otp"] .auth-story{background-image:url("/static/images/fund/investment-options.jpg")}.auth-story-copy{padding:24px;border-radius:18px;background:rgba(37,20,39,.88);backdrop-filter:blur(4px)}.auth-story-foot,.auth-story>.brand{filter:drop-shadow(0 1px 4px rgba(0,0,0,.55))}
.app-page .finance-aside{background-image:var(--aside-image,url("/static/images/fund/financial-planning.jpg"));background-size:cover;background-position:center;position:relative;isolation:isolate}.app-page .finance-aside>*{position:relative;z-index:1}.app-page .finance-aside h3,.app-page .finance-aside>p,.app-page .finance-aside>ul,.app-page .finance-aside>ol,.app-page .finance-aside>hr{width:fit-content;max-width:100%;padding:5px 9px;border-radius:6px;background:rgba(34,23,31,.88);color:#fff}.app-page .finance-aside .aside-value{font-size:2rem;color:#fff}.app-page .finance-aside hr{width:100%;border-color:rgba(255,255,255,.6)}
.app-page[data-page="dashboard"] .stat-card-primary{background-image:url("/static/images/fund/currency-growth.jpg");background-size:cover;background-position:center;color:#fff;text-shadow:0 2px 8px rgba(22,12,25,.8)}.app-page[data-page="dashboard"] .stat-card-primary .stat-label,.app-page[data-page="dashboard"] .stat-card-primary .stat-foot,.app-page[data-page="dashboard"] .stat-card-primary .stat-value{color:#fff}
.app-page[data-page="invest_tracking"] .stat-card-primary{background-image:url("/static/images/fund/growing-savings.jpg");background-size:cover;background-position:center;color:#fff;text-shadow:0 2px 8px rgba(22,12,25,.8)}.app-page[data-page="invest_tracking"] .stat-card-primary .stat-label,.app-page[data-page="invest_tracking"] .stat-card-primary .stat-foot,.app-page[data-page="invest_tracking"] .stat-card-primary .stat-value{color:#fff}
.contact-aside{background-image:url("/static/images/fund/investment-options.jpg");background-size:cover;background-position:center}.contact-aside .feature-number,.contact-aside h3,.contact-aside .muted,.contact-aside .text-link{display:table;padding:5px 9px;border-radius:6px;background:rgba(39,23,36,.88);color:#fff}.contact-aside .notice{background:rgba(255,255,255,.94);color:#30221d}
.app-page .finance-aside>.kicker{display:table;padding:5px 9px;border-radius:6px;background:rgba(34,23,31,.88);color:#fff}