@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--blue:#2469e8;--blue2:#1254ce;--ink:#14264a;--muted:#6f7e98;--line:#e3eaf4;--bg:#f7faff;--green:#12b886}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));gap:20px}.brand{display:flex;align-items:center;gap:10px;font:800 20px Manrope,sans-serif;color:var(--ink);text-decoration:none}.brandmark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#16c4a5,#2869f0);display:grid;place-items:center;color:white;font-weight:800}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav a{color:#435575;text-decoration:none;font-size:13px}.shell{width:min(1180px,calc(100% - 40px));margin:34px auto 70px;min-height:65vh}footer{text-align:center;padding:25px;color:#8a98af;font-size:12px;border-top:1px solid var(--line);background:white}.hero{min-height:410px;border:1px solid #e5eefb;border-radius:22px;background:linear-gradient(120deg,#fff 20%,#f0f7ff);padding:55px 6%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden}.hero-copy{max-width:550px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--blue);font-weight:800}.hero h1{font:800 clamp(34px,4vw,48px)/1.13 Manrope,sans-serif;letter-spacing:-1.7px;margin:15px 0}.hero p{color:var(--muted);line-height:1.8;max-width:450px}.actions{display:flex;gap:12px;margin:25px 0}.btn{border:0;border-radius:7px;background:linear-gradient(100deg,#2877f0,#1b5fda);color:white;display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;font:700 13px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 5px 12px #2469e81a}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn-ghost{background:white;color:#3d5d8e;border:1px solid var(--line);box-shadow:none}.btn-small{padding:9px 14px}.full{width:100%;margin-top:8px}.trustline{display:flex;gap:18px;flex-wrap:wrap;color:#627794;font-size:11px}.hero-art{height:290px;position:relative;display:grid;place-items:center}.art-circle{position:absolute;width:250px;height:250px;border-radius:50%;background:#dff0ff;right:15%;top:15px}.art-card{position:relative;width:190px;height:240px;border:7px solid #7cb2ff;background:white;border-radius:22px;box-shadow:0 22px 45px #174b9520;padding:35px 20px;transform:rotate(5deg)}.art-check{width:37px;height:37px;background:#12b886;border-radius:50%;display:grid;place-items:center;color:white;font-size:22px;margin:15px auto 22px}.art-line{height:7px;background:#e8eef8;border-radius:10px;margin:12px 0}.art-line.wide{width:100%}.art-line.short{width:55%}.art-coin{position:absolute;right:-22px;bottom:22px;width:48px;height:48px;border-radius:50%;background:#ffd56a;color:#956313;display:grid;place-items:center;font-size:24px;font-weight:800}.features{padding:34px 8px}.features h2,.panel h2{font:800 21px Manrope,sans-serif}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article,.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.feature-grid article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#edf4ff;color:var(--blue);font-size:22px}.feature-grid h3{font-size:13px}.feature-grid p{font-size:12px;line-height:1.7;color:var(--muted)}.auth-card,.form-panel{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 35px #193c6a08;padding:34px}.auth-card{max-width:440px;margin:30px auto}.auth-card h1,.form-panel h1{font:800 25px Manrope,sans-serif;margin:8px 0}.auth-icon{margin:0 auto 15px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:22px}.center{text-align:center}.muted{color:var(--muted)}.tiny{font-size:11px;line-height:1.65}form label{display:block;font-size:12px;font-weight:700;color:#425575;margin:15px 0}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px 12px;border:1px solid #dce5f2;border-radius:6px;background:white;color:var(--ink);font:13px 'DM Sans',sans-serif;outline:none}input:focus,select:focus,textarea:focus{border-color:#70a4ff;box-shadow:0 0 0 3px #2469e813}input[type=checkbox],input[type=radio]{display:inline-block;width:auto;margin:0 7px 0 0}.check{display:flex;align-items:center;gap:5px;font-weight:500}.check input{width:auto}.inline{display:inline}.navbtn{border:0;background:none;color:#435575;cursor:pointer;font:inherit}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 26px}.page-heading h1{font:800 30px Manrope,sans-serif;margin:7px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{margin:0}.pill,.status{display:inline-block;padding:5px 9px;border-radius:20px;background:#eef4ff;color:#3867ac;font-size:11px}.application-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #edf1f7;text-decoration:none;color:var(--ink)}.application-row:last-child{border-bottom:0}.app-symbol{width:42px;height:42px;border-radius:12px;background:#eaf2ff;display:grid;place-items:center;color:var(--blue);font-weight:800}.app-main{display:grid;gap:6px;flex:1}.app-main strong{font-size:13px}.app-main span{font-size:11px}.app-amount{font-weight:800}.app-amount span{color:var(--blue);font-size:22px;margin-left:15px}.empty{text-align:center;padding:40px}.empty-icon{font-size:35px;color:#8bb4ff}.loan-types{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.loan-choice{border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;cursor:pointer}.loan-choice:has(input:checked){border-color:var(--blue);background:#f5f9ff;box-shadow:0 0 0 2px #2469e80e}.choice-icon{font-size:25px;color:var(--blue)}.loan-choice strong{font-size:14px}.loan-choice b{font-size:18px}.loan-choice small,small{font-size:11px;color:var(--muted);font-weight:400}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span-2{grid-column:span 2}.amount-input{position:relative}.amount-input span{position:absolute;left:13px;top:19px;color:var(--muted)}.amount-input input{padding-left:29px}.summary{background:#f3f8ff;border:1px solid #e5effc;border-radius:9px;padding:18px;margin:22px 0}.summary>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:12px}.summary>div span{color:#647795}.summary>div b{font-weight:700}.progress-label{display:flex;justify-content:space-between;color:#5d7293;font-size:10px;font-weight:800;letter-spacing:.6px}.progress{height:5px;background:#eaf0f8;border-radius:8px;margin:12px 0 28px;overflow:hidden}.progress i{display:block;height:100%;background:var(--blue);border-radius:8px}.kyc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.step-sidebar{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;position:sticky;top:20px}.step-sidebar h3{font:800 18px Manrope,sans-serif}.step-link{display:flex;align-items:center;gap:10px;padding:11px 8px;margin:3px 0;border-radius:7px;text-decoration:none;color:#61728e;font-size:12px}.step-link.active{background:#edf4ff;color:var(--blue);font-weight:700}.step-link.done .step-num{background:#dcf8ee;color:#15966b}.step-link b{margin-left:auto;color:#13a77a}.step-num{width:25px;height:25px;border-radius:50%;background:#f0f3f8;display:grid;place-items:center;font-size:11px;flex-shrink:0}.kyc-panel{min-width:0}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.notice{background:#edf8ff;color:#245d8b;padding:12px 15px;border-radius:7px;font-size:12px;margin-bottom:18px}.alert{background:#fff0f0;color:#a32929;border:1px solid #ffd4d4;padding:12px 15px;border-radius:7px;margin-bottom:18px;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font:800 28px Manrope,sans-serif;margin-top:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #edf1f7;white-space:nowrap}th{color:#7888a0;font-size:10px;text-transform:uppercase;letter-spacing:.5px}td small{display:block;margin-top:4px}td a{color:var(--blue);text-decoration:none;font-weight:700}.review-section{border:1px solid var(--line);border-radius:9px;padding:15px;margin:12px 0}.review-section h3{font-size:14px}.review-section dl{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:8px;font-size:12px}.review-section dt{color:var(--muted)}.review-section dd{margin:0;overflow-wrap:anywhere}.status-form{display:flex;gap:10px;max-width:480px;align-items:center}.status-form select{margin:0}@media(max-width:760px){.topbar{height:64px;padding:0 16px}.topbar nav{gap:12px}.topbar nav>a:first-child{display:none}.brand{font-size:17px}.shell{width:calc(100% - 24px);margin:18px auto 45px}.hero{grid-template-columns:1fr;padding:32px 24px;min-height:auto}.hero h1{font-size:35px}.hero-art{height:220px}.art-circle{width:190px;height:190px;right:20%}.art-card{transform:scale(.8) rotate(5deg)}.feature-grid{grid-template-columns:1fr 1fr}.auth-card,.form-panel{padding:22px 18px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .btn{width:100%}.kyc-layout{grid-template-columns:1fr}.step-sidebar{position:static;padding:14px}.step-sidebar h3,.step-sidebar>p{display:none}.step-sidebar .step-link{display:inline-flex;vertical-align:top;padding:7px;font-size:0;margin:2px}.step-link span:not(.step-num),.step-link b{display:none}.step-num{width:27px;height:27px}.field-grid{grid-template-columns:1fr;gap:0}.span-2{grid-column:auto}.loan-types{gap:8px}.loan-choice{padding:14px 11px}.loan-choice b{font-size:15px}.stats-grid{grid-template-columns:1fr 1fr}.panel{padding:17px}.application-row{gap:9px}.app-amount{font-size:12px}.app-amount span{margin-left:3px}.review-section dl{grid-template-columns:1fr;gap:3px}.review-section dd{margin-bottom:9px}.status-form{align-items:stretch;flex-direction:column}.trustline{display:grid;gap:9px}}

/* Cards for repeatable employment and income records */
.repeat-card{border:1px solid var(--line);border-radius:10px;padding:16px;margin:14px 0;background:#fbfdff}.repeat-card-heading{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.repeat-card-heading strong{font-size:13px;color:var(--ink)}.repeat-card .field-grid{margin-top:4px}.repeat-card .btn{flex-shrink:0}@media(max-width:760px){.repeat-card{padding:12px}.repeat-card-heading{align-items:flex-start}}