:root{--bg:#f4efe6;--bg-strong:#eadfce;--card:rgba(255,251,245,.92);--card-strong:#fffaf2;--line:rgba(93,72,45,.14);--text:#24170e;--muted:#705b46;--accent:#b85c38;--accent-deep:#8f3e23;--accent-soft:#f5d6c3;--success:#2d7a4b;--warning:#b7791f;--shadow:0 18px 48px rgba(72,46,24,.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at top left,hsla(0,0%,100%,.85),transparent 32%),radial-gradient(circle at bottom right,rgba(184,92,56,.18),transparent 24%),linear-gradient(135deg,var(--bg),var(--bg-strong))}a{color:inherit}button,input,select{font:inherit}.referral-root{min-height:100dvh;padding:28px}.referral-shell{max-width:1240px;margin:0 auto;display:grid;grid-gap:18px;gap:18px}.referral-hero{display:grid;grid-template-columns:1.3fr .9fr;grid-gap:18px;gap:18px}.referral-panel{background:var(--card);border-radius:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.referral-panel.hero-copy{padding:34px;position:relative;overflow:hidden}.hero-copy:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(184,92,56,.12),transparent 34%),radial-gradient(circle at 85% 15%,rgba(184,92,56,.18),transparent 18%);pointer-events:none}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,250,242,.92);color:var(--accent-deep);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1{margin:18px 0 12px;font-size:clamp(42px,7vw,78px);line-height:.94;letter-spacing:-.04em}.hero-copy p{max-width:34rem;font-size:18px;line-height:1.6;color:var(--muted);margin:0}.hero-metrics{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.hero-metric{padding:14px 16px;border-radius:18px;background:hsla(0,0%,100%,.7);border:1px solid rgba(93,72,45,.08)}.hero-metric strong{display:block;font-size:28px}.hero-metric span{display:block;margin-top:6px;color:var(--muted);font-size:13px}.auth-panel{background:linear-gradient(180deg,rgba(255,250,242,.96),hsla(33,61%,93%,.96))}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;padding:6px;border-radius:18px;background:rgba(36,23,14,.05)}.segmented button{border:0;background:transparent;color:var(--muted);border-radius:14px;padding:12px 14px;cursor:pointer;font-weight:700}.segmented button.active{background:var(--accent);color:#fff8f2}.auth-form{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:14px;font-weight:700}.field input,.field select{border:1px solid rgba(93,72,45,.12);border-radius:16px;padding:14px 16px;background:hsla(0,0%,100%,.88)}.auth-actions,.inline-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ghost-btn,.primary-btn,.secondary-btn{border:0;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer}.primary-btn{background:var(--accent);color:#fff8f2}.secondary-btn{background:var(--accent-soft);color:var(--accent-deep)}.ghost-btn{background:transparent;color:var(--muted);border:1px solid rgba(93,72,45,.12)}.auth-message{margin-top:12px;padding:12px 14px;border-radius:16px;background:hsla(0,0%,100%,.68);color:var(--muted);font-size:14px}.dashboard-grid{grid-template-columns:.92fr 1.08fr}.dashboard-grid,.stack{display:grid;grid-gap:18px;gap:18px}.section-card{padding:22px}.section-card h2,.section-card h3{margin:0 0 6px}.section-card p{margin:0;color:var(--muted)}.link-card{margin-top:16px;padding:16px;border-radius:20px;background:var(--card-strong);border:1px solid rgba(93,72,45,.08)}.link-card,.qr-wrap{display:grid;grid-gap:12px;gap:12px}.qr-wrap{justify-items:start}.qr-frame{width:220px;height:220px;padding:12px;border-radius:24px;border:1px solid rgba(93,72,45,.12);box-shadow:inset 0 0 0 1px rgba(93,72,45,.04)}.qr-frame img{width:100%;height:100%;display:block;border-radius:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px}.metric-card{padding:16px;border-radius:18px;background:hsla(0,0%,100%,.78);border:1px solid rgba(93,72,45,.08)}.metric-card strong{display:block;font-size:28px}.metric-card span{display:block;margin-top:8px;font-size:13px;color:var(--muted)}.bank-status{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:hsla(0,0%,100%,.72)}.bank-status strong.ok{color:var(--success)}.bank-status strong.warn{color:var(--warning)}.account-list{margin-top:16px;display:grid;grid-gap:12px;gap:12px}.account-card,.client-row{border-radius:20px;border:1px solid rgba(93,72,45,.1);background:hsla(0,0%,100%,.76);padding:16px}.account-card.active{border-color:rgba(45,122,75,.3);box-shadow:inset 0 0 0 1px rgba(45,122,75,.18)}.badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:rgba(45,122,75,.12);color:var(--success);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.table-list{margin-top:16px;display:grid;grid-gap:12px;gap:12px}.client-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-top:8px}.client-metrics{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.client-metrics div{padding:12px;border-radius:16px;background:rgba(255,250,242,.9)}.client-metrics strong{display:block;font-size:22px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.brand{display:inline-flex;gap:12px;font-weight:700;letter-spacing:.02em}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#d48654);color:#fff8f2}@media (max-width:1100px){.dashboard-grid,.referral-hero{grid-template-columns:1fr}}@media (max-width:760px){.referral-root{padding:18px}.auth-grid,.client-metrics,.hero-metrics,.metric-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}:root{--bg:#05070b;--bg-strong:#0a0f17;--card:rgba(12,17,25,.88);--card-strong:rgba(17,24,34,.92);--line:hsla(0,0%,100%,.08);--text:#f7f3eb;--muted:#abb6c8;--accent:#f5d523;--accent-deep:#f3c500;--accent-soft:rgba(245,213,35,.16);--success:#5fd39b;--warning:#f1ba49;--shadow:0 28px 80px rgba(0,0,0,.36)}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgba(245,213,35,.12),transparent 22%),radial-gradient(circle at 12% 18%,hsla(0,0%,100%,.06),transparent 18%),linear-gradient(180deg,#04060a,#0a0f17)}.referral-root{padding:24px}.referral-shell{max-width:1280px;gap:20px}.referral-panel{background:linear-gradient(180deg,rgba(10,15,23,.92),rgba(12,17,25,.88));border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.referral-panel.hero-copy{padding:32px;min-height:100%}.hero-copy:before{background:radial-gradient(circle at 14% 12%,rgba(245,213,35,.16),transparent 24%),linear-gradient(135deg,hsla(0,0%,100%,.04),transparent 35%)}.topbar{margin-bottom:8px}.brand{align-items:center}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#f5d523,#f1b624);color:#081019;font-size:14px;font-weight:900;letter-spacing:.08em}.hero-kicker{background:rgba(245,213,35,.12);color:#f7da47;border:1px solid rgba(245,213,35,.2)}.hero-badge-mark{width:68px;height:68px;margin-top:18px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(245,213,35,.95),rgba(241,182,36,.92));color:#071019;font-size:24px;font-weight:900;box-shadow:0 20px 45px rgba(245,213,35,.18)}.hero-copy h1{margin:20px 0 14px;font-size:clamp(38px,5.2vw,72px);line-height:.96;color:#fffdfa}.hero-copy h1 span{white-space:nowrap}.hero-copy p{max-width:36rem;color:#ccd5e3}.bullet-stack{margin-top:24px;display:grid;grid-gap:12px;gap:12px}.bullet-row{display:flex;align-items:center;gap:12px;color:#f2eee7;font-size:15px}.bullet-dot{width:26px;height:26px;flex:0 0 26px;border-radius:999px;display:grid;place-items:center;background:rgba(245,213,35,.14);color:#f7da47;border:1px solid rgba(245,213,35,.24);font-size:14px;font-weight:800}.hero-metrics{margin-top:28px}.hero-metric{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.hero-metric strong{color:#fffaf0}.hero-metric span{color:#b9c3d4}.hero-side-note{margin-top:22px;padding:14px 16px;border-radius:18px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);color:#b8c3d6;font-size:14px;line-height:1.5}.auth-panel{padding:22px;background:linear-gradient(180deg,rgba(10,15,23,.96),rgba(14,20,30,.94))}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.06)}.segmented button{color:#b7c1d2}.segmented button.active{background:linear-gradient(135deg,#f5d523,#f1b624);color:#0a0f17}.auth-heading{margin-top:18px}.auth-title{margin:0;font-size:30px;line-height:1.05;color:#fffdfa}.auth-copy{margin:8px 0 0;color:#b0bbcd;line-height:1.55}.recovery-toggle{margin-top:14px;border:0;background:transparent;color:#f7da47;font:inherit;font-weight:700;cursor:pointer;padding:0}.recovery-box{margin-top:14px;padding:18px;border-radius:22px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);display:grid;grid-gap:12px;gap:12px}.recovery-title{margin:0;color:#fffdfa;font-size:20px}.recovery-copy{margin:0;color:#b0bbcd;line-height:1.55}.field label{color:#d8e0ec}.field input,.field select{border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.05);color:#fffdfa;outline:none}.field input::placeholder,.field select::placeholder{color:#7f8a9e}.field input:focus,.field select:focus{border-color:rgba(245,213,35,.46);box-shadow:0 0 0 3px rgba(245,213,35,.12)}.ghost-btn,.primary-btn,.secondary-btn{transition:transform .12s ease,opacity .12s ease,border-color .12s ease,background .12s ease}.ghost-btn:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg,#f5d523,#f1b624);color:#071019}.secondary-btn{background:rgba(245,213,35,.14);color:#f7da47}.ghost-btn{color:#dce5f1;border:1px solid hsla(0,0%,100%,.12)}.auth-message{margin-top:16px;background:hsla(0,0%,100%,.06);color:#e9eef6;border:1px solid hsla(0,0%,100%,.08)}.legal-copy,.mini-note{margin:16px 0 0;color:#93a0b5;font-size:13px;line-height:1.55}.bank-status,.client-meta,.link-card p,.metric-card span,.section-card p,.table-list p{color:#b5c0d0}.account-card,.client-metrics div,.client-row,.link-card,.metric-card{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08)}.qr-frame{background:#fff}.badge{background:rgba(95,211,155,.16);color:#8ae6b9}.bank-status{background:hsla(0,0%,100%,.05)}@media (max-width:1100px){.referral-panel.hero-copy{padding:28px}.hero-copy h1{font-size:clamp(34px,7vw,60px)}}@media (max-width:760px){.referral-root{padding:16px}.auth-panel,.referral-panel.hero-copy,.section-card{padding:20px}.auth-title{font-size:26px}}