@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,Manrope,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:500;color:#0f172a;background-color:#dfe9f8;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#ffffffa6,#fff3 40%,#c4daff33),url(/clouds.jpg) center/cover fixed no-repeat;color:#0f172a}#root{min-height:100vh}button{font-family:inherit}a{color:inherit}:focus-visible{outline:3px solid rgba(80,134,242,.5);outline-offset:3px}.page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:38px 16px;isolation:isolate}.page.with-shell{align-items:center;justify-content:center;padding-left:20px;padding-right:20px;position:relative}.orb{position:absolute;filter:blur(60px);opacity:.6;z-index:0}.orb-one{width:280px;height:280px;background:radial-gradient(circle at 30% 30%,rgba(141,181,255,.55),transparent 55%);top:6%;left:14%}.orb-two{width:320px;height:320px;background:radial-gradient(circle at 60% 60%,rgba(255,255,255,.65),transparent 60%);bottom:8%;right:10%}.login-card{position:relative;width:min(440px,92vw);padding:32px 28px;border-radius:26px;background:#ffffff2e;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.45);box-shadow:0 18px 80px #0f172a38,inset 0 1px #ffffff59;color:#0f172a;z-index:1}.login-card:before{content:"";position:absolute;inset:0;border-radius:26px;background:linear-gradient(145deg,#ffffff59,#ffffff0d);pointer-events:none}.lang-switch{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.lang-button{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.55);background:#ffffff59;color:#0f172a;font-weight:600;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease}.lang-button.active{background:#0f172a1f;border-color:#0f172a2e;box-shadow:inset 0 1px #fffc}.lang-button:hover{transform:translateY(-1px)}.login-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 16px;border-radius:18px;background:linear-gradient(145deg,#ffffffd9,#ddeaffcc);color:#0f172a;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 30px #0f172a26,inset 0 1px #ffffffe6}.login-icon svg{width:26px;height:26px}.login-icon.success{background:linear-gradient(145deg,#7edfa4e6,#59af87e6);color:#0e5b36}h1{margin:0;font-size:28px;letter-spacing:-.01em;text-align:center}.muted{margin:8px 0 22px;text-align:center;color:#0f172ab3;font-weight:500}.login-form{display:grid;gap:14px}.payment-card{position:relative;overflow:hidden;width:100%;max-width:940px;padding:3px 22px;margin-left:auto;margin-right:auto;border-radius:28px}.payment-card:after{content:"";position:absolute;inset:0 0 0 52%;border-radius:0 28px 28px 0;background:#fff;pointer-events:none}.content-area{display:flex;justify-content:center;width:100%;max-width:1100px;margin:0 auto}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.panel-left{display:flex;flex-direction:column;gap:8px;padding-left:5px}.panel-left{padding-right:6px}.panel-left h1,.panel-left .muted{text-align:left}.payment-form{margin-top:6px}.payment-form input{font-family:Consolas,SFMono-Regular,Menlo,monospace;letter-spacing:.01em;padding-top:3px}.awaiting-card{max-width:620px}.awaiting-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 16px;text-align:center}.awaiting-icon{width:68px;height:68px;border-radius:50%;background:#0f172a0d;display:grid;place-items:center;color:#0f172a}.awaiting-icon svg{width:32px;height:32px}.awaiting-shell h1{font-size:26px}.awaiting-status{padding:10px 16px;border-radius:16px;background:#0f172a0d;border:1px solid rgba(15,23,42,.08);font-weight:600;color:#0f172acc}.panel-right{position:relative;min-height:160px;border-radius:22px;background:transparent;border:none;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:10px 16px 10px 34px}.panel-overlay,.panel-overlay.minimal{display:none}.panel-right:before{display:none}.card-preview{position:relative;width:100%;max-width:420px;min-width:360px;min-height:210px;background:linear-gradient(145deg,#0f172ad6,#283a59e6);border-radius:18px;padding:18px;color:#f8fafc;box-shadow:0 18px 40px #0f172a59,inset 0 1px #ffffff26;border:1px solid rgba(255,255,255,.12);margin-bottom:14px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-chip{width:34px;height:26px;border-radius:8px;background:linear-gradient(135deg,#f1f5f9,#cdd7e3);box-shadow:inset 0 1px #fff9}.card-brand{font-weight:700;letter-spacing:.08em;font-size:13px;color:#f8fafce6}.card-number{font-family:Consolas,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;font-size:18px;margin:50px 0 18px;color:#f8fafc}.card-row{display:flex;justify-content:space-between;gap:12px}.card-meta{display:flex;flex-direction:column;gap:4px}.card-meta.align-right{align-items:flex-end}.card-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#f8fafcbf}.card-value{font-size:14px;font-weight:700;letter-spacing:.04em;color:#f8fafc}.card-preview.card-visa{background:linear-gradient(145deg,#0f1c3a,#1c3f86);box-shadow:0 20px 46px #15367659,inset 0 1px #ffffff1f}.card-preview.card-mastercard{background:linear-gradient(145deg,#1f1b2f,#5a2d2a);box-shadow:0 20px 46px #5a2d2a52,inset 0 1px #ffffff1a}.card-preview.card-amex{background:linear-gradient(145deg,#0f2741,#1d6fa1);box-shadow:0 20px 46px #1d6fa152,inset 0 1px #ffffff1f}.card-preview.card-discover{background:linear-gradient(145deg,#1c2331,#b45f1e);box-shadow:0 20px 46px #b45f1e47,inset 0 1px #ffffff1a}.card-preview.card-jcb{background:linear-gradient(145deg,#142437,#365c9a);box-shadow:0 20px 46px #365c9a4d,inset 0 1px #ffffff1f}.card-preview.card-card{background:linear-gradient(145deg,#0f172ad6,#283a59e6)}.ledger{width:100%;max-width:440px;padding:12px 4px 4px;background:transparent;border:none;box-shadow:none;color:#0f172a;font-weight:600;position:relative;z-index:1}.ledger-header{font-size:28px;letter-spacing:-.01em;margin-bottom:16px;font-weight:700}.ledger-row{display:flex;justify-content:space-between;align-items:center;padding:10px 6px}.ledger-label{font-size:13px;color:#0f172acc}.ledger-label.warning{color:#b3261e}.ledger-amount{font-size:14px;font-weight:700;text-align:right;min-width:72px}.ledger-amount.negative{color:#b3261e}.ledger-amount.positive{color:#0f172a}.ledger-divider{height:1px;background:#0f172a14;margin:4px 0}.ledger-row.total .ledger-label,.ledger-row.total .ledger-amount{font-size:20px;font-weight:800}.ledger-row.total{margin-top:10px;padding-top:12px}.field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:14px 16px;min-height:48px;border-radius:14px;background:#ffffffc7;border:1px solid rgba(104,132,189,.25);box-shadow:inset 0 1px #ffffffd9}.card-field{grid-template-columns:auto 1fr auto;align-items:center}.password-field{grid-template-columns:auto 1fr auto;position:relative}.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:2px}.duo.stacked{grid-template-columns:1fr 1fr;align-items:stretch}.duo-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px 14px;min-height:46px;border-radius:14px;background:#ffffffc7;border:1px solid rgba(104,132,189,.25);box-shadow:inset 0 1px #ffffffd9}.checkout-compact{width:100%;min-height:48px;border-radius:14px;padding:14px 16px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;margin-top:0;background:linear-gradient(135deg,#0f172a,#28364f);color:#f6f8ff;box-shadow:0 12px 30px #0f172a38;border:none;transform:translateY(-4px)}.checkout-compact:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0f172a3d}.duo.stacked .duo-item,.duo.stacked .checkout-compact{height:100%;align-self:stretch}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;margin-top:8px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(15,23,42,.08);color:#0f172a;font-weight:600;box-shadow:inset 0 1px #ffffffe6,0 10px 18px #0f172a14;width:fit-content}.pill-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#0f172a,#28364f);box-shadow:0 0 0 4px #0f172a14}.pill-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#0f172a99}.pill-value{font-family:Consolas,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}.muted-pill{opacity:.7}.duo-item:focus-within{border-color:#4572c680;box-shadow:inset 0 1px #ffffffe6,0 0 0 4px #5086f226}.duo-item.invalid{border-color:#b3261e8c;box-shadow:inset 0 1px #fffc,0 0 0 4px #b3261e2e}.field-error{margin-top:6px;font-size:13px;color:#b3261e;background:#ffffffeb;border:1px solid rgba(179,38,30,.35);border-radius:10px;padding:10px 12px}.password-toggle{display:grid;place-items:center;width:32px;height:100%;padding:0 2px;border:none;background:transparent;color:#0f172abf;cursor:pointer;transition:color .14s ease,transform .14s ease}.password-toggle svg{width:20px;height:20px;transform:translateY(2px)}.password-toggle:hover{color:#0f172af2}.field:focus-within{border-color:#4572c680;box-shadow:inset 0 1px #ffffffe6,0 0 0 4px #5086f226}.brand-badge{display:inline-flex;align-items:center;justify-content:center;padding:0;min-width:48px;height:22px;border-radius:10px;border:none;background:none;box-shadow:none;align-self:center;line-height:1;overflow:hidden}.brand-text{font-size:12px;font-weight:700;letter-spacing:.08em}.brand-text{font-size:12px;font-weight:700;letter-spacing:.08em;color:#0f172a}.field-icon{display:grid;place-items:center;color:#0f172a8c}.amount-dollar{font-weight:800;font-size:16px;color:#0f172ab3}.field-icon svg{width:20px;height:20px}input{width:100%;border:none;background:transparent;outline:none;font-size:15px;color:#0f172a;padding-top:1px}input:focus-visible{outline:none}input::placeholder{color:#0f172a73}.primary-button,.secondary-button,.link-button{font-size:15px;font-weight:600;border-radius:14px;cursor:pointer;border:none;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-button{margin-top:4px;width:100%;padding:14px 16px;background:linear-gradient(135deg,#0f172a,#28364f);color:#f6f8ff;box-shadow:0 12px 30px #0f172a38}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 36px #0f172a3d}.primary-button:active{transform:translateY(0);box-shadow:0 10px 24px #0f172a2e}.secondary-button{width:100%;padding:12px 16px;background:#ffffffd9;color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 1px #ffffffe6,0 10px 26px #0f172a1a}.secondary-button:hover{transform:translateY(-1px)}.link-button{display:block;margin:16px auto 0;background:none;color:#0f172a;text-decoration:underline;text-underline-offset:4px;padding:8px 10px}.link-button:hover{opacity:.75}.link-row{display:flex;justify-content:center;gap:12px;margin-top:8px}.logout-button{margin-top:18px}.error{margin-top:-2px;margin-bottom:4px;font-size:13px;color:#b3261e;background:#ffffffe6;border:1px solid rgba(179,38,30,.35);border-radius:10px;padding:10px 12px}.success-card{max-width:640px;padding:32px 28px;background:linear-gradient(135deg,#ffffffd9,#e2f0ffb3);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.success-top{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#5ac394,#3a9f73);color:#f8fafc;box-shadow:0 10px 28px #0f172a2e,inset 0 1px #fff9}.success-icon svg{width:32px;height:32px}.success-title{margin:4px 0 0;font-size:26px;letter-spacing:-.01em}.success-subtitle{margin:0;color:#0f172aa6}.success-body{margin-top:20px;width:100%;border-radius:18px;background:#ffffffe6;border:1px solid rgba(15,23,42,.06);box-shadow:inset 0 1px #ffffffd9;padding:16px 18px;display:grid;gap:10px}.success-row{display:flex;align-items:center;justify-content:space-between}.success-label{font-size:14px;color:#0f172ab3}.success-value{font-size:18px;font-weight:800;color:#0f172a}.muted-row .success-value{font-weight:600;color:#0f172ab3}.back-button{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#ffffffe6;color:#0f172a;cursor:pointer;box-shadow:inset 0 1px #ffffffd9}.back-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 10px 18px #0f172a14}.back-icon svg{width:18px;height:18px}@media(max-width:480px){.login-card{padding:26px 22px}h1{font-size:24px}.panel-grid{grid-template-columns:1fr}.panel-right{min-height:200px}.app-shell{grid-template-columns:1fr}}