:root{--df-primary-50: #F4EFFE;--df-primary-100: #E9DEFD;--df-primary-200: #D6C2FB;--df-primary-400: #9168F2;--df-primary-500: #7C4DFF;--df-primary-600: #6C3BF4;--df-primary-700: #5A2FD6;--df-primary-800: #4A249F;--df-primary: var(--df-primary-600);--df-coral: #FF6A5A;--df-success: #0FA968;--df-warning: #F5A524;--df-danger: #F0432E;--df-info: #2E73E8;--df-tint-primary: #F2ECFE;--df-tint-success: #E2F7EE;--df-on-success: #0A7D4D;--df-tint-warning: #FEF3DD;--df-on-warning: #B26B00;--df-tint-danger: #FEEAE7;--df-on-danger: #C12B19;--df-tint-info: #E8F0FD;--df-on-info: #1F5BC0;--df-ink: #221F2E;--df-text-2: #57515F;--df-muted: #8E8896;--df-border-2: #DAD5E2;--df-border: #ECE9F1;--df-subtle: #F4F2F9;--df-app-bg: #F8F7FC;--df-surface: #FFFFFF;--df-rail: #241F33;--df-rail-active: #342B49;--df-r-chip: 8px;--df-r-input: 12px;--df-r-card: 20px;--df-r-sheet: 28px;--df-r-pill: 999px;--df-sp-xs: 4px;--df-sp-sm: 8px;--df-sp-md: 16px;--df-sp-lg: 24px;--df-sp-xl: 32px;--df-sp-2xl: 48px;--df-sh-card: 0 1px 2px rgba(33,30,43,.04), 0 2px 8px rgba(33,30,43,.05);--df-sh-raised:0 8px 24px rgba(33,30,43,.12);--df-sh-focus: 0 0 0 4px rgba(108,59,244,.18);--df-sh-primary:0 2px 8px rgba(108,59,244,.28);--df-font-sans: "Hanken Grotesk", system-ui, sans-serif;--df-font-mono: "DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--df-font-sans);color:var(--df-ink);background:var(--df-app-bg);-webkit-font-smoothing:antialiased}.df-mono{font-family:var(--df-font-mono);font-feature-settings:"tnum" 1}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100%;display:flex;flex-direction:column;background:var(--df-app-bg)}.appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:26px;background:var(--df-surface);border-bottom:1px solid var(--df-border);padding:0 30px;height:62px}.brand{display:flex;align-items:center;gap:10px}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.02em}.brand-name b{color:var(--df-primary);font-weight:800}.appnav{display:flex;gap:4px;margin-left:8px}.appnav button{font-size:13.5px;font-weight:600;color:var(--df-text-2);background:transparent;border:none;padding:8px 14px;border-radius:9px}.appnav button.active{font-weight:700;color:var(--df-ink);background:var(--df-tint-primary)}.appbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}.avatar{width:40px;height:40px;border-radius:12px;background:var(--df-tint-primary);color:var(--df-primary-700);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}.mock-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--df-on-warning);background:var(--df-tint-warning);border-radius:var(--df-r-pill);padding:5px 11px}.content{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:28px 30px 56px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14.5px;font-weight:700;border:none;border-radius:var(--df-r-input);padding:13px 18px}.btn-primary{color:#fff;background:var(--df-primary);box-shadow:0 4px 14px #6c3bf447}.btn-primary:hover{background:var(--df-primary-700)}.btn-on-violet{color:var(--df-primary-700);background:#fff}.btn-ghost{color:var(--df-primary);background:transparent}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--df-surface);border:1px solid var(--df-border);border-radius:18px;box-shadow:var(--df-sh-card)}.card-pad{padding:18px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.link{font-size:13px;font-weight:700;color:var(--df-primary)}.limit-card{background:linear-gradient(120deg,#6c3bf4,#5a2fd6 60%,#4a249f);border-radius:22px;padding:28px;color:#fff;box-shadow:0 12px 30px #6c3bf44d}.limit-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--df-primary-200)}.limit-amount{font-size:48px;font-weight:500;letter-spacing:-.015em;margin:6px 0 2px}.limit-stats{display:flex;gap:26px;margin-top:16px}.limit-stats .k{font-size:11px;color:var(--df-primary-200)}.limit-stats .v{font-size:16px;font-weight:500}.bar-track{height:8px;background:#ffffff38;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:#fff;border-radius:999px}.bar-track-light{height:6px;background:var(--df-subtle);border-radius:999px;overflow:hidden}.bar-fill-violet{height:100%;background:var(--df-primary);border-radius:999px}.pill{font-size:11px;font-weight:700;border-radius:var(--df-r-pill);padding:4px 10px;white-space:nowrap}.pill-warning{color:var(--df-on-warning);background:var(--df-tint-warning)}.pill-active{color:var(--df-primary-700);background:var(--df-tint-primary)}.pill-success{color:var(--df-on-success);background:var(--df-tint-success)}.pill-info{color:var(--df-on-info);background:var(--df-tint-info)}.mono-badge{width:40px;height:40px;border-radius:11px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}.field-label{font-size:11px;font-weight:700;color:var(--df-muted);margin-bottom:6px;letter-spacing:.02em;text-transform:uppercase}.field{width:100%;background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--df-r-input);padding:13px 15px;font-size:14.5px;color:var(--df-ink)}.field:focus{outline:none;border-color:var(--df-primary);box-shadow:var(--df-sh-focus)}.field-mono{font-family:var(--df-font-mono)}.dropzone{background:var(--df-surface);border:1.5px dashed #C9C3D6;border-radius:18px;padding:22px;text-align:center}.dropzone .ic{width:46px;height:46px;border-radius:13px;background:var(--df-tint-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--df-primary)}.timeline-row{display:flex;gap:13px}.timeline-rail{display:flex;flex-direction:column;align-items:center}.node{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.node-done{background:var(--df-success);color:#fff}.node-due{background:var(--df-tint-warning);border:2px solid var(--df-warning)}.node-future{background:#fff;border:2px solid var(--df-border-2)}.connector{width:2px;flex:1;min-height:20px;background:var(--df-border)}.connector-done{background:var(--df-success)}.toggle{width:46px;height:27px;border-radius:999px;position:relative;border:none;transition:background .15s;flex:none}.toggle .knob{position:absolute;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--df-primary)}.toggle.on .knob{left:22px}.toggle.off{background:var(--df-border-2)}.toggle.off .knob{left:3px}.flow{max-width:460px;margin:0 auto}.step-meta{display:flex;align-items:center;gap:7px;margin-bottom:22px}.stepbar{height:5px;background:var(--df-border);border-radius:999px;overflow:hidden;margin-bottom:24px}.stepbar>div{height:100%;background:var(--df-primary);border-radius:999px}.h1{font-size:25px;font-weight:800;letter-spacing:-.025em;line-height:1.1}.sub{font-size:14px;color:var(--df-text-2);line-height:1.5}.preapprove{min-height:calc(100vh - 62px);background:linear-gradient(165deg,#6c3bf4,#5a2fd6 52%,#4a249f);color:#fff;padding:56px 24px 40px;display:flex;flex-direction:column;align-items:stretch}.preapprove-inner{max-width:420px;margin:0 auto;width:100%;display:flex;flex-direction:column;flex:1}.check-ring{width:74px;height:74px;border-radius:50%;background:#ffffff29;display:flex;align-items:center;justify-content:center;margin:8px auto 22px}.check-ring>div{width:54px;height:54px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--df-primary)}.glass-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:26px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.plan-grid{display:flex;gap:10px}.plan{flex:1;background:var(--df-surface);border:1px solid var(--df-border);border-radius:16px;padding:14px;text-align:left}.plan.selected{border:1.5px solid var(--df-primary);box-shadow:0 0 0 4px #6c3bf41f}.plan .name{font-size:13px;font-weight:800}.plan.selected .name{color:var(--df-primary-700)}.plan .per{font-size:18px;font-weight:500;margin-top:3px}.plan .per small{font-size:11px;color:var(--df-muted)}.method{display:flex;align-items:center;gap:12px;background:var(--df-surface);border:1.5px solid var(--df-primary);border-radius:14px;padding:13px 15px}.home-grid{display:grid;grid-template-columns:1.62fr 1fr;gap:24px;align-items:start}.home-col{display:flex;flex-direction:column;gap:22px}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.content{padding:22px 18px 48px}.appnav{display:none}.home-grid,.plans-grid{grid-template-columns:1fr}.limit-amount{font-size:40px}}.row-between{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--df-muted)}.text2{color:var(--df-text-2)}