@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#071329;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Manrope,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 15% 8%,#1652ff0f,#0000 26%),radial-gradient(circle at 85% 88%,#2655ff0a,#0000 30%),#f6f8fc;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:3px solid #144cff3d}#root{min-height:100vh}:root{--blue:#104dff;--blue-dark:#083de6;--ink:#071329;--muted:#66758d;--line:#e3e8f0;--navy:#061d38;--surface:#fff;--shadow:0 22px 60px #12274e14}button{cursor:pointer;background:0 0;border:0}.page-shell{width:min(1120px,100% - 40px);min-height:calc(100vh - 48px);box-shadow:var(--shadow);background:#fffffff7;border:1px solid #e2e8f1f2;border-radius:30px;margin:24px auto;overflow:hidden}.icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none}.logo{color:var(--blue);letter-spacing:-.04em;align-items:center;gap:9px;padding:4px;font-size:20px;font-weight:800;display:inline-flex}.logo-mark{border:6px solid var(--blue);border-radius:3px;place-items:center;width:21px;height:21px;display:grid;position:relative;transform:rotate(45deg)}.logo-mark:after{content:"";background:#fff;border-radius:1px;width:5px;height:5px;position:absolute}.logo-mark span{background:#ffcf33;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;right:-8px}.public-header,.app-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;height:78px;padding:0 36px;display:flex}.header-login-button{color:#fff;background:var(--navy);border-radius:10px;min-height:40px;padding:0 18px;font-size:12px;font-weight:800}.home-link{color:#4f5e75;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.primary-button,.secondary-button{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#1550ff,#063ff1);box-shadow:0 12px 28px #114bff38}.secondary-button{color:#17243a;background:#fff;border:1px solid #dce3ec}.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover{transform:translateY(-2px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.65}.eyebrow{color:var(--blue);letter-spacing:.16em;margin-bottom:13px;font-size:10px;font-weight:800;display:block}.landing-content{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:650px;padding:58px 70px;display:grid}.landing-copy h1{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(42px,4.4vw,60px);line-height:1.2}.landing-copy h1 em{color:var(--blue);font-style:normal}.landing-copy>p{color:#536178;max-width:490px;margin:27px 0 0;font-size:14px;line-height:1.8}.landing-button{min-width:180px;margin-top:34px}.api-feature-panel{color:#fff;background:radial-gradient(circle at 85% 15%,#4286df4d,#0000 30%),linear-gradient(150deg,#0b2c4d,#04182f);border-radius:24px;padding:42px;position:relative;overflow:hidden;box-shadow:0 26px 50px #051c3733}.api-feature-panel:after{content:"";border:1px solid #65a9e826;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-210px;right:-150px}.api-feature-icon{color:#8eb8ff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.api-feature-panel h2{margin:25px 0 0;font-size:26px}.api-feature-panel>p{color:#bdccdc;margin:12px 0 0;font-size:12px;line-height:1.7}.api-feature-list{z-index:1;gap:13px;margin-top:32px;display:grid;position:relative}.api-feature-list span{color:#dce7f1;background:#ffffff0e;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:13px 15px;font-size:11px;font-weight:700;display:flex}.api-feature-list .icon{color:#75a9ff}.auth-layout{grid-template-columns:1fr 1fr;min-height:calc(100vh - 126px);display:grid}.auth-aside{color:#fff;background:radial-gradient(circle at 85% 20%,#2166cb5c,#0000 28%),linear-gradient(150deg,#082643,#04172d 62%,#092949);flex-direction:column;justify-content:space-between;min-height:650px;padding:76px 64px 50px;display:flex;position:relative;overflow:hidden}.auth-aside:before,.auth-aside:after{content:"";border:1px solid #68a5df24;border-radius:50%;position:absolute}.auth-aside:before{width:500px;height:500px;top:95px;right:-190px}.auth-aside:after{width:580px;height:580px;bottom:-330px;left:-110px}.auth-aside>div{z-index:1;position:relative}.section-kicker{align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.section-kicker.light{color:#c0d7ef}.auth-aside h1{white-space:pre-line;letter-spacing:-.055em;margin:24px 0 0;font-size:clamp(40px,3.7vw,55px);line-height:1.25}.auth-aside p{color:#b9c9da;max-width:380px;margin:22px 0 0;font-size:13px;line-height:1.75}.auth-api-path{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff21;border-radius:14px;align-items:center;gap:12px;min-height:72px;padding:0 22px;display:flex}.auth-api-path span{color:#b9d4ff;background:#4a88ff29;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:800}.auth-api-path code{color:#e4edf7;font-size:11px}.auth-form-wrap{flex-direction:column;justify-content:center;justify-self:center;width:min(420px,100% - 72px);padding:58px 0 40px;display:flex}.auth-tabs{background:#f1f4f8;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:38px;padding:4px;display:grid}.auth-tabs button{color:#7b879a;border-radius:7px;min-height:38px;font-size:11px;font-weight:800}.auth-tabs button.active{color:#15233a;background:#fff;box-shadow:0 3px 10px #192b4914}.auth-heading h2{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:32px}.auth-heading p{color:#758297;margin:10px 0 0;font-size:12px}.auth-form{gap:20px;margin-top:34px;display:grid}.auth-form>label:not(.remember-option){color:#243149;gap:9px;font-size:12px;font-weight:800;display:grid}.auth-input{color:#8b98aa;background:#fff;border:1px solid #dce2eb;border-radius:11px;align-items:center;height:54px;padding:0 15px;transition:border-color .16s,box-shadow .16s;display:flex}.auth-input:focus-within{color:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px #104dff14}.auth-input input{color:#132039;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 10px;font-size:13px}.auth-input input::placeholder{color:#a6b0bf}.auth-input button{color:#7e8ca1;place-items:center;padding:5px;display:grid}.remember-option{color:#59677e;cursor:pointer;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.remember-option input{opacity:0;width:1px;height:1px;position:absolute}.remember-option>span{color:#0000;border:1px solid #cbd3df;border-radius:4px;place-items:center;width:17px;height:17px;display:grid}.remember-option input:checked+span{color:#fff;background:var(--blue);border-color:var(--blue)}.api-error-banner,.api-message{color:#a22837;background:#fff2f3;border:1px solid #ffd9dd;border-radius:9px;align-items:center;gap:10px;padding:12px 14px;font-size:11px;line-height:1.45;display:flex}.api-error-banner.server-error strong,.api-message.server-error strong{color:#fff;background:#c42c3e;border-radius:5px;padding:4px 7px;font-size:12px}.auth-submit{width:100%}.app-header-actions{align-items:center;gap:18px;display:flex}.session-email{color:#68768b;font-size:11px;font-weight:700}.app-header-actions button{color:#344158;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.accounts-content{width:min(940px,100% - 64px);margin:0 auto;padding:48px 0 38px}.accounts-title-row{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.accounts-title-row h1{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:34px}.account-actions{gap:10px;display:flex}.compact-button{border-radius:9px;min-height:43px;padding:0 16px;font-size:11px}.account-summary{border:1px solid var(--line);background:linear-gradient(#fff,#fbfcff);border-radius:16px;grid-template-columns:.7fr 1.3fr;align-items:center;gap:28px;min-height:112px;margin-top:28px;padding:0 24px;display:grid;box-shadow:0 8px 25px #1a2c4c09}.account-summary>div{gap:7px;display:grid}.account-summary span{color:#7a879b;font-size:10px;font-weight:700}.account-summary strong{color:#101c31;letter-spacing:-.03em;font-size:24px}.api-message{color:#42516a;background:#f4f7fc;border-color:#e1e7f0;margin-top:18px}.api-message.server-error{color:#a22837;background:#fff2f3;border-color:#ffd9dd}.accounts-state{color:#718096;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;font-size:13px;display:flex}.accounts-state.empty .icon{color:var(--blue);margin-bottom:17px}.accounts-state h2{color:#1b2940;margin:0;font-size:19px}.accounts-state p{color:#748197;margin:9px 0 0;font-size:11px}.account-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.account-card{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:22px;box-shadow:0 8px 24px #182a4809}.account-card-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.bank-symbol{color:#fff;background:linear-gradient(145deg,#1871ee,#0a43c9);border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.account-card-heading h3{color:#16243a;margin:0;font-size:14px}.account-card-heading p{color:#7e8b9f;margin:4px 0 0;font-size:10px}.bank-code{color:#8995a7;font-size:8px}.account-number{background:#f7f9fc;border-radius:9px;justify-content:space-between;align-items:center;margin-top:20px;padding:13px 14px;display:flex}.account-number span{color:#8894a6;font-size:9px}.account-number strong{color:#334158;font-size:11px}.balance-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.balance-grid>div{gap:7px;min-width:0;display:grid}.balance-grid span{color:#7d899d;font-size:9px}.balance-grid strong{color:#10203a;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.account-details{border-top:1px solid #edf0f4;gap:9px;margin:20px 0 0;padding-top:15px;display:grid}.account-details>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.account-details dt{color:#8a96a8;font-size:9px}.account-details dd{color:#46536a;text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;font-weight:700;overflow:hidden}.account-error{color:#9e3541;background:#fff3f4;border-radius:7px;margin:14px 0 0;padding:9px 10px;font-size:9px}.showcase-entry-button{color:var(--blue);background:#f7f9ff;border-color:#cfd9ff}.showcase-layout{grid-template-columns:330px 1fr;min-height:680px;display:grid}.showcase-controls{border-right:1px solid #e5eaf1;padding:38px 34px}.back-button{color:#65738a;align-items:center;gap:7px;margin-bottom:42px;padding:0;font-size:10px;font-weight:800;display:inline-flex}.back-button .icon{transform:rotate(180deg)}.showcase-controls h1{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:27px}.showcase-controls>div>p{color:#78859a;margin:11px 0 0;font-size:11px;line-height:1.65}.showcase-controls fieldset{border:0;margin:38px 0 0;padding:0}.showcase-controls legend{color:#2d3a51;margin-bottom:15px;font-size:11px;font-weight:800}.showcase-theme-list{gap:10px;display:flex}.showcase-theme{border:2px solid #0000;border-radius:8px;width:49px;height:66px}.showcase-theme.active{border-color:var(--blue);box-shadow:inset 0 0 0 2px #fff}.showcase-theme-navy{background:linear-gradient(150deg,#143a62,#04172d)}.showcase-theme-blue{background:linear-gradient(150deg,#1558ff,#052982)}.showcase-theme-cream{background:linear-gradient(150deg,#fffaf2,#ead4b7)}.showcase-theme-cloud{background:linear-gradient(150deg,#fff,#dce3eb)}.selected-theme{color:var(--blue);margin-top:9px;font-size:9px;font-weight:800;display:block}.showcase-source{color:var(--blue);background:#f4f7ff;border:1px solid #dfe7fb;border-radius:11px;align-items:center;gap:11px;margin-top:42px;padding:15px;display:flex}.showcase-source>span{gap:4px;display:grid}.showcase-source strong{color:#35435b;font-size:10px}.showcase-source small{color:#8491a5;font-size:8px}.showcase-preview{background:radial-gradient(circle at 50% 40%,#1951be0f,#0000 32%),#fbfcfe;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.balance-showcase-card{color:#fff;border:1px solid #ffffff21;border-radius:24px;flex-direction:column;width:min(410px,100%);min-height:510px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 48px #0317303d}.balance-showcase-card:before,.balance-showcase-card:after{content:"";border:1px solid #65a6e226;border-radius:50%;position:absolute}.balance-showcase-card:before{width:500px;height:500px;top:70px;left:-190px}.balance-showcase-card:after{width:510px;height:510px;bottom:-250px;right:-170px}.balance-showcase-card.theme-navy{background:radial-gradient(circle at 85% 8%,#3d79c44d,#0000 30%),linear-gradient(155deg,#0a2b4b,#04182f 60%,#082844)}.balance-showcase-card.theme-blue{background:radial-gradient(circle at 80% 8%,#7baeff5c,#0000 30%),linear-gradient(150deg,#145aff,#062774)}.balance-showcase-card.theme-cream{color:#18263c;background:linear-gradient(150deg,#fffdf8,#ecd6b8);border-color:#e8d3b6}.balance-showcase-card.theme-cloud{color:#17253b;background:linear-gradient(150deg,#fff,#dbe2ea);border-color:#d7dee7}.showcase-card-brand{z-index:1;align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex;position:relative}.showcase-card-brand .logo-mark{border-width:5px;width:17px;height:17px}.showcase-card-title{z-index:1;opacity:.85;align-items:center;gap:9px;margin-top:55px;font-size:13px;font-weight:700;display:flex;position:relative}.showcase-card-name{z-index:1;letter-spacing:-.01em;background:#ffffff24;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-top:14px;padding:6px 12px;font-size:17px;font-weight:700;display:inline-flex;position:relative}.theme-cream .showcase-card-name,.theme-cloud .showcase-card-name{background:#0000000f}.showcase-card-name .icon{opacity:.75}.showcase-card-name small{opacity:.7;font-size:12px;font-weight:600}.showcase-card-total{z-index:1;gap:9px;margin-top:20px;display:grid;position:relative}.showcase-card-total span,.showcase-card-meta span{opacity:.65;font-size:10px}.showcase-card-total strong{letter-spacing:-.055em;font-size:clamp(38px,4vw,52px);line-height:1.12}.showcase-card-meta{z-index:1;border-top:1px solid #ffffff29;grid-template-columns:1fr 1fr;gap:20px;margin-top:auto;padding-top:24px;display:grid;position:relative}.theme-cream .showcase-card-meta,.theme-cloud .showcase-card-meta{border-top-color:#14264024}.showcase-card-meta>div{gap:7px;display:grid}.showcase-card-meta strong{font-size:18px}.showcase-banks{z-index:1;flex-wrap:wrap;gap:7px;margin-top:18px;display:flex;position:relative}.showcase-banks span{background:#ffffff17;border:1px solid #ffffff1f;border-radius:12px;padding:6px 9px;font-size:8px;font-weight:700}.theme-cream .showcase-banks span,.theme-cloud .showcase-banks span{background:#ffffff61;border-color:#1426401a}.showcase-message{width:min(560px,100%);margin-top:20px}.showcase-actions{grid-template-columns:1fr 1fr;gap:14px;width:min(560px,100%);margin-top:24px;display:grid}.showcase-actions button{min-height:52px;font-size:12px}.profile-content{width:min(620px,100% - 64px);margin:0 auto;padding:44px 0 40px}.profile-content .back-button{margin-bottom:26px}.profile-heading h1{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:32px}.profile-heading>p{color:#66758d;margin:11px 0 0;font-size:12px;line-height:1.7}.profile-card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:22px;padding:26px;box-shadow:0 8px 24px #182a4809}.profile-card-head{align-items:center;gap:14px;margin-bottom:22px;display:flex}.profile-avatar{width:46px;height:46px;color:var(--blue);background:#f1f5ff;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.profile-avatar.danger{color:#c42c3e;background:#fff2f3}.profile-card-head h2{color:#16243a;margin:0;font-size:16px}.profile-card-head p{color:#7e8b9f;margin:5px 0 0;font-size:11px;line-height:1.6}.profile-details{gap:12px;margin:0;display:grid}.profile-details>div{background:#f7f9fc;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.profile-details dt{color:#8a96a8;font-size:11px;font-weight:700}.profile-details dd{color:#2c3950;margin:0;font-size:13px;font-weight:700}.profile-state{color:#718096;font-size:12px}.profile-retry{margin-top:14px}.profile-form{margin-top:0}.profile-form .primary-button{width:100%}.profile-success{color:#1f7a4d;background:#ecfbf2;border-color:#c5edd5}.profile-danger{border-color:#f4d4d8}.profile-delete-button{color:#c42c3e;background:#fff7f8;border-color:#f1c4ca}.profile-delete-button.primary-button{color:#fff;background:linear-gradient(135deg,#e0414f,#c42c3e);border:0;box-shadow:0 12px 28px #c42c3e38}.profile-delete-confirm p{color:#9e3541;margin:0 0 16px;font-size:12px;line-height:1.6}.profile-delete-actions{gap:10px;display:flex}@media (width<=820px){.page-shell{border-radius:22px;width:calc(100vw - 20px);max-width:680px;min-height:calc(100vh - 20px);margin:10px auto}.public-header,.app-header{height:70px;padding:0 20px}.landing-content{grid-template-columns:1fr;padding:50px 32px}.landing-copy{text-align:center}.landing-copy>p{margin-inline:auto}.auth-layout{grid-template-columns:minmax(0,1fr);min-width:0;min-height:calc(100vh - 90px)}.auth-aside{display:none}.auth-form-wrap{width:min(430px,100% - 48px);min-height:650px;padding:48px 0}.accounts-content{width:calc(100% - 32px);padding-top:36px}.account-list,.showcase-layout{grid-template-columns:1fr}.showcase-controls{border-bottom:1px solid #e5eaf1;border-right:0;padding:30px}.back-button{margin-bottom:30px}.showcase-source{margin-top:28px}.showcase-preview{padding:38px 24px}}@media (width<=520px){.logo{font-size:16px}.landing-content{padding:48px 20px}.landing-copy h1{font-size:38px}.api-feature-panel{padding:28px 22px}.auth-form-wrap{width:calc(100vw - 60px);min-width:0;max-width:430px;min-height:calc(100vh - 90px);padding:35px 0}.auth-tabs{margin-bottom:30px}.auth-heading h2{font-size:28px}.session-email{display:none}.app-header-actions button{font-size:0}.accounts-title-row{flex-direction:column;align-items:flex-start}.account-actions{flex-wrap:wrap;width:100%}.account-actions button{flex:calc(50% - 5px)}.account-actions .showcase-entry-button{flex-basis:100%}.account-summary{grid-template-columns:.65fr 1.35fr;gap:15px;min-height:98px;padding:0 16px}.account-summary strong{font-size:17px}.account-card{padding:18px}.bank-code{display:none}.balance-grid strong{font-size:15px}.showcase-controls{padding:26px 20px}.showcase-preview{padding:30px 14px}.balance-showcase-card{min-height:480px;padding:28px 24px}.showcase-card-total strong{font-size:37px}.showcase-actions{grid-template-columns:1fr}}