@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}#root{min-height:100vh}body{color:#1f2937;background-color:#f6f7f9;margin:0;font-family:Inter,sans-serif}header{background-color:#fff;border-bottom:1px solid #dfe7f1;justify-content:space-between;align-items:center;padding:16px 8%;display:flex;box-shadow:0 2px 10px #0000000a}.header-logo img{width:150px;display:block}.header-nav{align-items:center;gap:24px;display:flex}.header-nav a{color:#1f2937;background-color:#f3f4f6;border-radius:8px;padding:10px 18px;font-weight:500;text-decoration:none;transition:background-color .2s,transform .2s}.header-nav a:hover{background-color:#e5e7eb;transform:translateY(-2px)}.customer-avatar{color:#1677e8;background-color:#eaf4ff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.header-nav a.customer-avatar{color:#1677e8;background-color:#eaf4ff;border-radius:50%;flex-shrink:0;padding:0;font-weight:700}.header-nav a.customer-avatar:hover{background-color:#d8eaff}.header-nav a.customer-avatar:focus-visible{outline-offset:4px;outline:3px solid #1677e8}.button{cursor:pointer;border:none;border-radius:12px;font-family:inherit;font-weight:700}.button-primary{color:#fff;background:linear-gradient(135deg,#0757b8,#168cff);width:100%;height:56px;font-size:17px;transition:transform .2s,box-shadow .2s}.button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1677e847}.button-action{color:#fff;background-color:#1677e8;padding:12px 18px;font-size:14px}.button-action:hover{background-color:#0f68cf}.button-logout{color:#c43d3d;text-align:left;background-color:#fff5f5;border:1px solid #f1caca;width:100%;padding:14px 16px;font-size:15px}.button-logout:hover{background-color:#ffe8e8;border-color:#e5aaaa}.footer{background-color:#fff;border-top:1px solid #dfe7f1;justify-content:space-between;align-items:center;padding:24px 8%;display:flex;box-shadow:0 -2px 10px #0000000a}.footer-brand h2{margin:0;font-size:20px;font-weight:600}.footer-brand p{color:#6b7280;margin:6px 0 0;font-size:14px}.footer-copyright{color:#6b7280;margin:0;font-size:14px}.bank-card{color:#fff;background:linear-gradient(135deg,#062659 0%,#0757b8 45%,#168cff 100%);border-radius:20px;flex-direction:column;justify-content:space-between;width:420px;height:250px;padding:24px;display:flex;box-shadow:0 18px 40px #0034784d,inset 0 1px #ffffff26}.card-header{justify-content:space-between;align-items:center;display:flex}.card-header img{width:110px}.card-type{letter-spacing:1px;font-size:14px;font-weight:600}.card-details{justify-content:space-between;align-items:flex-end;margin-top:24px;display:flex}.card-details span{letter-spacing:1.5px;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:500}.card-details p{margin:5px 0 0;font-size:16px;font-weight:500}.card-number{letter-spacing:3px;font-size:22px;font-weight:500}.card-number-row{justify-content:space-between;align-items:center;display:flex}.card-chip{background:linear-gradient(135deg,#f8d477,#d9a93e);border-radius:8px;align-self:center;width:52px;height:38px}.home-main{background:radial-gradient(circle at 75% 45%,#258bff1f,#0000 35%),linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);flex:1;justify-content:space-between;align-items:center;padding:60px 8%;display:flex}.home-page{flex-direction:column;min-height:100vh;display:flex}.home-main{flex:1;justify-content:space-between;align-items:center;padding:60px 8%;display:flex}.home-intro{max-width:550px}.home-eyebrow{color:#1677e8;letter-spacing:2px;margin:0 0 16px;font-size:14px;font-weight:700}.home-intro h1{letter-spacing:-2px;color:#0b2347;margin:0;font-size:64px;font-weight:750;line-height:1.05}.home-intro h1 span{color:#1677e8}.home-description{color:#52637a;max-width:500px;margin-top:24px;font-size:20px;line-height:1.6}.home-authenticated .home-main{grid-template-columns:minmax(0,580px) minmax(0,588px);justify-content:center;gap:clamp(32px,4vw,64px);padding:40px max(24px,50vw - 620px);display:grid}.home-authenticated .home-intro{min-width:0;max-width:580px}.home-authenticated .home-intro h1{font-size:clamp(56px,5.2vw,72px);line-height:1.02}.home-authenticated .home-description{max-width:540px;margin:24px 0 0;line-height:1.5}.home-authenticated .home-card-visual{width:100%;min-width:0;container-type:inline-size}.home-authenticated .bank-card{aspect-ratio:420/250;border-radius:4.762cqw;width:100%;height:auto;padding:5.714cqw}.home-authenticated .card-header img{width:26.19cqw}.home-authenticated .card-type{letter-spacing:.238cqw;font-size:3.333cqw}.home-authenticated .card-number{letter-spacing:.714cqw;white-space:nowrap;font-size:5.238cqw}.home-authenticated .card-chip{border-radius:1.905cqw;flex-shrink:0;width:12.381cqw;height:9.048cqw}.home-authenticated .card-details{margin-top:5.714cqw}.home-authenticated .card-details span{letter-spacing:.357cqw;font-size:2.619cqw}.home-authenticated .card-details p{margin-top:1.19cqw;font-size:3.81cqw}@media (width<=900px){.home-authenticated .home-main{grid-template-columns:minmax(0,588px);gap:36px;padding:36px 24px}.home-authenticated .home-intro h1{font-size:clamp(40px,8vw,64px)}.home-authenticated .home-description{font-size:18px}}@media (width<=480px){.home-authenticated .home-main{gap:28px;padding:28px 20px}.home-authenticated .home-eyebrow{letter-spacing:1.5px;font-size:12px}.home-authenticated .home-intro h1{letter-spacing:-1px}}.login-page{flex-direction:column;min-height:100vh;display:flex}.login-main{background:radial-gradient(circle at 50% 45%,#258bff1f,#0000 35%),linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);flex:1;justify-content:center;align-items:center;padding:60px 8%;display:flex}.login-card{background:#fffffff2;border:1px solid #fffc;border-radius:24px;width:100%;max-width:560px;padding:56px 52px;box-shadow:0 25px 60px #103c6e24,0 4px 12px #103c6e0f}.login-eyebrow{color:#1677e8;letter-spacing:2px;margin:0 0 12px;font-size:13px;font-weight:700}.login-heading h1{color:#0b2347;letter-spacing:-1px;margin:0;font-size:38px;font-weight:750}.login-subtitle{color:#66768c;margin:12px 0 0;font-size:17px;line-height:1.5}.login-heading{margin-bottom:36px}.login-card form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.form-group label{color:#263a55;font-size:16px;font-weight:600}.form-group input{color:#1f2937;background-color:#f8fbff;border:1px solid #d5dfeb;border-radius:12px;outline:none;width:100%;height:56px;padding:0 18px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group input:focus{background-color:#fff;border-color:#1684f8;box-shadow:0 0 0 4px #1684f81f}.register-page{flex-direction:column;min-height:100vh;display:flex}.register-main{background:radial-gradient(circle at 50% 45%,#258bff1f,#0000 35%),linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);flex:1;justify-content:center;align-items:center;padding:60px 8%;display:flex}.register-card{background:#fffffff2;border:1px solid #fffc;border-radius:24px;width:100%;max-width:620px;padding:48px 52px;box-shadow:0 25px 60px #103c6e24,0 4px 12px #103c6e0f}.register-heading{margin-bottom:32px}.register-eyebrow{color:#1677e8;letter-spacing:2px;margin:0 0 12px;font-size:13px;font-weight:700}.register-heading h1{color:#0b2347;letter-spacing:-1px;margin:0;font-size:36px;font-weight:750}.register-subtitle{color:#66768c;margin:12px 0 0;font-size:17px;line-height:1.5}.register-name-row{gap:18px;display:flex}.register-name-row .form-group{flex:1}.register-card form{flex-direction:column;gap:22px;display:flex}.register-card .form-group{flex-direction:column;gap:9px;display:flex}.register-card .form-group label{color:#263a55;font-size:15px;font-weight:600}.register-card .form-group input{color:#1f2937;background-color:#f8fbff;border:1px solid #d5dfeb;border-radius:12px;outline:none;width:100%;height:54px;padding:0 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.register-card .form-group input::placeholder{color:#94a3b8}.register-card .form-group input:focus{background-color:#fff;border-color:#1684f8;box-shadow:0 0 0 4px #1684f81f}.register-card .validation-feedback{margin:0;font-size:13px;line-height:1.5}.register-card .password-requirements{margin:0;padding:0;font-size:13px;line-height:1.8;list-style:none}.register-card .valid{color:#16703b}.register-card .invalid{color:#b42318}.register-card .neutral{color:#66768c}.register-card input[aria-invalid=true]{border-color:#b42318}.register-card button:disabled{opacity:.55;cursor:not-allowed;transform:none}.validation-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar{background-color:#f8fbff;border-right:1px solid #dfe7f1;flex-direction:column;flex-shrink:0;width:230px;padding:32px 20px;display:flex;box-shadow:4px 0 18px #103c6e0a}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-nav a{color:#52637a;border-radius:10px;padding:14px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,transform .2s}.sidebar-nav a:hover{color:#1677e8;background-color:#eaf4ff;transform:translate(3px)}.sidebar-nav a.active{color:#1677e8;background-color:#eaf4ff}.sidebar-bottom{border-top:1px solid #dfe7f1;margin-top:auto;padding-top:20px}.sidebar-logout{color:#c43d3d;text-align:left;cursor:pointer;background-color:#fff5f5;border:1px solid #f1caca;border-radius:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:600}.sidebar-logout:hover{background-color:#ffe8e8;border-color:#e5aaaa}.dashboard-page{flex-direction:column;min-height:100vh;display:flex}.dashboard-body{flex:1;display:flex}.dashboard-main{flex:1;min-width:0;max-width:1500px;margin:0 auto;padding:28px 36px}.dashboard-heading{background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid #dbeafe;border-radius:18px;padding:28px 32px;box-shadow:0 8px 24px #103c6e0d}.dashboard-heading h1{color:#0b2347;letter-spacing:-.5px;margin:0;font-size:32px;font-weight:750}.dashboard-heading p{color:#66768c;margin:10px 0 0;font-size:16px}.accounts-section{margin-top:28px}.accounts-heading{align-items:flex-end;gap:24px;display:flex}.accounts-heading h2{color:#0b2347;margin:0;font-size:26px;font-weight:700}.accounts-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;margin-top:24px;display:grid}.quick-actions{background-color:#fff;border:1px solid #e3eaf3;border-radius:18px;width:100%;margin-top:32px;padding:24px;box-shadow:0 8px 24px #103c6e0d}.quick-actions h2{color:#0b2347;margin:0 0 16px;font-size:18px;font-weight:700}.quick-action-card{text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:14px;align-items:center;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.quick-action-card:hover{border-color:#cbd8e8;transform:translateY(-2px);box-shadow:0 8px 20px #0f2d5014}.quick-action-icon{background:#f2f7fc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.quick-action-icon img{object-fit:contain;width:40px;height:40px}.quick-action-content h3{color:#102a43;margin:0 0 5px;font-size:15px;font-weight:600}.quick-action-content p{color:#6b7c93;margin:0;font-size:12px;line-height:1.4}@media (width<=900px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action-card:disabled{cursor:not-allowed;opacity:.6}.quick-action-card:disabled:hover{box-shadow:none;transform:none}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dashboard-account{position:relative}.dashboard-account .account-card,.dashboard-main .account-summary{max-width:none;height:100%}.dashboard-account-link{color:#fff;max-width:50%;font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px;position:absolute;bottom:28px;right:26px}.dashboard-main :focus-visible{outline-offset:4px;outline:3px solid #1677e8}.dashboard-account-link:focus-visible{outline-color:#fff}@media (width<=1050px){.dashboard-main{padding:24px}.accounts-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-body{flex-direction:column}.dashboard-page .sidebar{width:100%;padding:12px 16px}.dashboard-page .sidebar-nav{flex-flow:wrap;gap:4px}.dashboard-page .sidebar-bottom{margin-top:12px;padding-top:12px}.dashboard-main{width:100%;padding:16px}.dashboard-heading{padding:22px}.dashboard-heading h1{font-size:25px}.accounts-heading{justify-content:space-between;align-items:center;gap:12px}.quick-actions-grid{grid-template-columns:1fr}.quick-actions{padding:18px}}.account-card{color:#fff;border-radius:18px;width:100%;max-width:460px;padding:26px;box-shadow:0 14px 30px #0b23472e}.account-card.checking{background:linear-gradient(135deg,#0b2347,#0757b8)}.account-card.savings{background:linear-gradient(135deg,#064e3b,#0f766e)}.account-card-header{justify-content:space-between;align-items:center;display:flex}.account-card-footer{margin-top:28px}.account-card-balance{margin-top:24px}.account-card-balance p{margin-bottom:6px}.account-card-balance strong{font-variant-numeric:tabular-nums;font-size:24px}.account-card-footer span{letter-spacing:.5px;background-color:#ffffff24;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.account-status{letter-spacing:.5px;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.account-status.active{color:#fff;background-color:#16a34a}.account-status.frozen{color:#0c4a6e;background-color:#67e8f9}.account-status.closed{color:#fff;background-color:#dc2626}.account-summary{background-color:#fff;border:1px solid #dfe7f1;border-radius:18px;width:100%;max-width:460px;padding:26px;box-shadow:0 8px 24px #103c6e0f}.summary-header{justify-content:space-between;align-items:flex-start;display:flex}.summary-header h3{color:#0b2347;margin:0;font-size:20px}.summary-eyebrow{color:#1677e8;letter-spacing:1.3px;margin:0 0 6px;font-size:11px;font-weight:700}.summary-total{color:#1677e8;background-color:#eaf4ff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.summary-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;display:grid}.summary-stat{background-color:#f8fbff;border-radius:12px;padding:16px}.summary-stat span{color:#66768c;font-size:12px;display:block}.summary-stat strong{color:#0b2347;margin-top:8px;font-size:24px;display:block}.transaction-history{background:#fff;border:1px solid #e3eaf3;border-radius:18px;min-width:0;margin-top:24px;padding:24px;box-shadow:0 8px 24px #103c6e0d}.history-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.history-heading h2{color:#0b2347;margin:0;font-size:20px}.history-heading p{color:#66768c;margin:8px 0 0;font-size:13px}.history-heading a,.history-table a{color:#0864c7;font-size:13px;font-weight:600;text-decoration:none}.history-heading a:hover,.history-table a:hover{text-decoration:underline}.history-scroll{overflow-x:auto}.history-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.history-table th{color:#66768c;background:#f6f8fb;font-size:12px}.history-table th,.history-table td{border-bottom:1px solid #edf1f5;padding:15px 12px}.history-table td{color:#52637a}.history-table time{white-space:nowrap}.history-type{align-items:center;gap:10px;display:flex}.history-type img{object-fit:contain;width:24px;height:24px}.history-table .history-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.history-table .incoming{color:#15803d}.history-table .outgoing{color:#c43d3d}.history-status{background:#eef2f6;border-radius:7px;padding:5px 9px;font-size:11px}.history-status.completed{color:#15803d;background:#dcfce7}.history-state{text-align:center;color:#66768c;background:#f8fbff;border-radius:12px;padding:32px 16px}.history-state img{object-fit:contain;width:44px;height:44px}.history-state h3{color:#0b2347}.history-state button{font:inherit;color:#0864c7;cursor:pointer;background:#fff;border:1px solid #cbd8e8;border-radius:8px;padding:10px 16px}.history-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transaction-history :focus-visible{outline-offset:3px;outline:3px solid #1677e8}@media (width<=650px){.transaction-history{padding:16px}.history-heading{flex-direction:column;align-items:flex-start}}.create-success-page{justify-content:center;align-items:center;min-height:70vh;display:flex}.create-success-card{text-align:center;background-color:#fff;border:1px solid #e3eaf3;border-radius:20px;width:100%;max-width:440px;padding:48px 36px;box-shadow:0 12px 35px #103c6e14}.success-circle{background-color:#ecfdf3;border:2px solid #86efac;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 24px;animation:.4s success-pop;display:flex}.success-tick{color:#16a34a;font-size:44px;font-weight:800;animation:.5s .2s both tick-appear}.create-success-card h2{color:#0b2347;margin:0;font-size:26px}.create-success-card p{color:#66768c;margin:12px 0 0;font-size:15px}.redirect-message{color:#94a3b8;margin-top:24px;font-size:13px;display:block}@keyframes success-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes tick-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.create-account-page{flex-direction:column;min-height:100vh;display:flex}.create-account-body{flex:1;display:flex}.create-account-main{flex:1;padding:48px 56px}.create-account-heading{margin-bottom:32px}.create-account-heading h1{color:#0b2347;margin:0;font-size:32px;font-weight:750}.create-account-heading>p:last-child{color:#66768c;margin:10px 0 0;font-size:15px}.create-account-form{background-color:#fff;border:1px solid #e3eaf3;border-radius:18px;width:100%;max-width:600px;padding:32px;box-shadow:0 8px 24px #103c6e0f}.form-heading{margin-bottom:28px}.form-heading h2{color:#0b2347;margin:0;font-size:20px}.form-heading p{color:#7a899d;margin:8px 0 0;font-size:14px}.form-group{margin-bottom:22px}.form-group label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group select{color:#1f2937;background-color:#fff;border:1px solid #d6dfeb;border-radius:10px;outline:none;width:100%;height:52px;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#1677e8;box-shadow:0 0 0 3px #1677e81a}.form-group input::placeholder{color:#a1adbd}.create-account-actions{border-top:1px solid #edf1f5;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;display:flex}.accounts-page{flex-direction:column;min-height:100vh;display:flex}.accounts-body{flex:1;display:flex}.accounts-main{flex:1;min-width:0;max-width:1500px;margin:0 auto;padding:28px 36px}.accounts-page-heading{background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid #dbeafe;border-radius:18px;justify-content:space-between;align-items:flex-end;margin-bottom:36px;padding:28px 32px;display:flex;box-shadow:0 8px 24px #103c6e0d}.accounts-page-heading h1{color:#0b2347;letter-spacing:-.5px;margin:0;font-size:32px;font-weight:750}.accounts-page-heading>div>p:last-child{color:#66768c;margin:10px 0 0;font-size:15px}.section-eyebrow{color:#1677e8;letter-spacing:1.5px;margin:0 0 8px;font-size:12px;font-weight:700}.accounts-list{grid-template-columns:repeat(2,minmax(0,460px));align-items:stretch;gap:24px;display:grid}@media (width<=1000px){.accounts-list{grid-template-columns:1fr}.accounts-page-heading{align-items:flex-start;gap:24px}}.accounts-table-container{background-color:#fff;border:1px solid #e3eaf3;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 8px 24px #103c6e0d}.accounts-table{border-collapse:collapse;width:100%}.accounts-table .account-balance{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.accounts-table thead{background-color:#f8fafc}.accounts-table th{color:#64748b;letter-spacing:.5px;text-align:left;text-transform:uppercase;border-bottom:1px solid #e3eaf3;padding:16px 20px;font-size:12px;font-weight:700}.accounts-table td{color:#475569;border-bottom:1px solid #edf1f5;padding:20px;font-size:14px}.accounts-table tbody tr:last-child td{border-bottom:none}.accounts-table tbody tr{transition:background-color .2s}.accounts-table tbody tr:hover{background-color:#f8fbff}.accounts-table .account-name{color:#0b2347;font-weight:700}.account-type{color:#1677e8;background-color:#eef6ff;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700}.accounts-table .account-number{color:#334155;letter-spacing:.5px;font-weight:600}.table-status{border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.table-status.active{color:#15803d;background-color:#dcfce7}.table-status.frozen{color:#0e7490;background-color:#cffafe}.table-status.closed{color:#dc2626;background-color:#fee2e2}.account-action{text-align:right}.account-action button{color:#1677e8;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:700}.account-action button:hover{text-decoration:underline}.accounts-directory-heading{margin:0 0 18px}.accounts-directory-heading h2{color:#0b2347;margin:0;font-size:22px}.accounts-directory-heading h2 span{color:#1677e8;background:#eaf4ff;border-radius:8px;margin-left:8px;padding:4px 9px;font-size:13px}.accounts-directory-heading p{color:#66768c;font-size:14px}.account-select{color:#0b2347;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:8px;padding:6px 0;font-weight:700;display:flex}.account-select span{color:#0864c7;font-size:12px;font-weight:500}.accounts-table .selected-account{background:#eef6ff}.accounts-table .selected-account td:first-child{box-shadow:inset 3px 0 #1677e8}.accounts-main :focus-visible{outline-offset:3px;outline:3px solid #1677e8}@media (width<=1050px){.accounts-main{padding:24px}}@media (width<=700px){.accounts-body{flex-direction:column}.accounts-page .sidebar{width:100%;padding:12px 16px}.accounts-page .sidebar-nav{flex-flow:wrap;gap:4px}.accounts-page .sidebar-bottom{margin-top:12px;padding-top:12px}.accounts-main{width:100%;padding:16px}.accounts-page-heading{flex-direction:column;align-items:flex-start;padding:22px}.accounts-table{min-width:680px}}.my-card-page{flex-direction:column;min-height:100vh;display:flex}.my-card-body{flex:1;display:flex}.my-card-main{background:radial-gradient(at 50% 45%,#e8f1ff,#f6f8fb 70%);flex:1;min-width:0;padding:48px 56px}.my-card-heading{text-align:center;margin:16px auto 36px}.my-card-eyebrow{color:#3669a6;letter-spacing:2px;font-size:11px;font-weight:700}.my-card-heading h1{letter-spacing:-1px;margin:12px 0;font-size:36px}.my-card-heading p{color:#66768c}.my-card-stage{box-sizing:border-box;background:radial-gradient(#d5e6ff,#eef5ff 65%,#ffffffb3);border:1px solid #fff;border-radius:32px;justify-content:center;align-items:center;max-width:820px;min-height:370px;margin:auto;padding:36px 24px;display:flex;box-shadow:0 12px 40px #173e7010}.my-card-caption{text-align:center;margin-top:24px;font-size:13px}.my-card-stage .bank-card{width:480px;height:280px}.my-card-stage .card-number{letter-spacing:1px;white-space:pre;font-variant-numeric:tabular-nums;font-size:clamp(16px,2vw,23px)}.my-card-stage .card-chip{flex-shrink:0;margin-left:12px}.my-card-main h1{color:#0b2347}.my-card-main>p{color:#66768c;margin-bottom:32px}.my-card-main .bank-card{box-sizing:border-box;max-width:100%}.my-card-main .card-details>div{min-width:0}.my-card-main .card-details>div:first-child{overflow-wrap:anywhere;max-width:50%}@media (width<=700px){.my-card-main{padding:24px 16px}.my-card-stage{border-radius:24px;min-height:300px;padding:24px 12px}.my-card-stage .bank-card{height:250px;padding:20px}.my-card-stage .card-chip{width:32px;height:26px}.my-card-main .card-number{letter-spacing:1px;font-size:16px}}.my-card-pin{text-align:center;color:#0b2347;background:#fff;border:1px solid #dce6f3;border-radius:14px;max-width:440px;margin:24px auto;padding:20px}.my-card-pin label{margin-bottom:12px;font-size:14px;line-height:1.5;display:block}.my-card-pin input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #ccd9e9;border-radius:8px;padding:12px}.my-card-pin button{color:#0b2347;cursor:pointer;font:inherit;background:#edf5ff;border:1px solid #b4cce9;border-radius:8px;margin:12px 8px 0 0;padding:10px 18px}.my-card-pin button:disabled{opacity:.6;cursor:not-allowed}.my-card-pin-value{letter-spacing:10px;font-variant-numeric:tabular-nums;font-size:30px;display:block}.my-card-pin [role=alert]{color:#922b2b}.transfer-page{flex-direction:column;min-height:100vh;display:flex}.transfer-body{flex:1;display:flex}.transfer-main{flex:1;min-width:0;padding:40px 56px 64px}.transfer-back{color:#526981;font-size:14px;text-decoration:none}.transfer-eyebrow{color:#1677e8;letter-spacing:1.5px;margin:32px 0 8px;font-size:12px;font-weight:700}.transfer-main h1{color:#0b2347;margin:0;font-size:32px}.transfer-intro{color:#66768c;max-width:620px;line-height:1.6}.transfer-panel{background:#fff;border:1px solid #e3eaf3;border-radius:18px;max-width:620px;margin-top:28px;padding:32px;box-shadow:0 8px 24px #103c6e0d}.transfer-modes{background:#eff4fa;border-radius:12px;gap:6px;margin-bottom:28px;padding:5px;display:flex}.transfer-modes button{font:inherit;color:#526981;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:12px;font-weight:600}.transfer-modes button[aria-pressed=true]{color:#0b2347;background:#fff;box-shadow:0 2px 8px #102a4310}.transfer-panel fieldset{border:0;min-width:0;margin:0;padding:0}.transfer-panel label{color:#102a43;margin:24px 0 9px;font-size:14px;font-weight:600;display:block}.transfer-panel input,.transfer-panel select{box-sizing:border-box;width:100%;font:inherit;color:#102a43;background:#fff;border:1px solid #d9e2ee;border-radius:10px;padding:14px}.transfer-panel input:focus,.transfer-panel select:focus,.transfer-modes button:focus-visible{outline-offset:2px;outline:2px solid #1677e8}.transfer-available{color:#275783;background:#eff6ff;border-radius:9px;padding:12px 14px;font-size:14px}.transfer-hint{color:#66768c;margin:8px 0 0;font-size:13px;line-height:1.5}.transfer-success,.transfer-error{border-radius:10px;padding:14px 16px;line-height:1.5}.transfer-success{color:#17623a;background:#edf9f1;border:1px solid #c4e8d0}.transfer-error{color:#922b2b;background:#fff1f1;border:1px solid #f1cdcd}.transfer-actions{justify-content:flex-end;margin-top:28px;display:flex}.transfer-panel :disabled{cursor:not-allowed;opacity:.65}.transfer-session{padding:48px}@media (width<=700px){.transfer-main{padding:24px 18px 40px}.transfer-panel{padding:20px}.transfer-actions .button{width:100%}}.atm-page{flex-direction:column;min-height:100vh;display:flex}.atm-body{flex:1;display:flex}.atm-main{flex:1;min-width:0;padding:36px 40px 48px}.atm-back{color:#526981;font-size:14px;text-decoration:none}.atm-eyebrow{color:#1677e8;letter-spacing:1.5px;margin:28px 0 8px;font-size:12px;font-weight:700}.atm-main h1{color:#0b2347;margin:0;font-size:32px}.atm-intro{color:#66768c;line-height:1.6}.atm-stage{grid-template-columns:minmax(260px,350px) minmax(420px,760px);align-items:start;gap:28px;margin-top:28px;display:grid}.atm-card-panel{padding-top:36px}.atm-card-panel h2{color:#0b2347;margin:0 0 20px;font-size:18px}.atm-card{z-index:3;transform-origin:50%;width:100%;transition:transform 1.1s ease-in,opacity 1.1s ease-in;position:relative}.atm-card .bank-card{box-sizing:border-box;width:100%;height:auto;min-height:210px;padding:24px}.atm-card .card-number{letter-spacing:1px;font-size:17px}.atm-card .card-details p{font-size:13px}.atm-card .card-header{margin-bottom:24px}.atm-card-inserted{transform:translate(var(--travel-x), var(--travel-y)) rotate(90deg) scale(.035);opacity:0;pointer-events:none}.atm-card-caption,.atm-simulation{color:#66768c;font-size:14px;line-height:1.6}.atm-simulation{color:#275783;background:#eaf3ff;border-radius:10px;padding:12px 16px}.atm-machine-window{border-radius:20px;width:min(100%,400px,44.9739svh - 43.1749px);min-width:0;margin:24px auto}.atm-machine{width:100%;position:relative;container-type:inline-size}.atm-image{width:100%;height:auto;display:block}.atm-card-slot{width:16%;height:2.3%;position:absolute;top:45%;left:71%}.atm-screen{box-sizing:border-box;color:#fff;scrollbar-width:thin;background:linear-gradient(135deg,#0b2347,#143d61);border-radius:5%;width:63.5%;height:19.9%;padding:2.2%;font-size:clamp(12px,2cqw,15px);position:absolute;top:18.9%;left:18.3%;overflow:auto}.atm-screen-brand{letter-spacing:2px;color:#b2d7ff;border-bottom:1px solid #ffffff25;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;font-size:.75em;font-weight:800;display:flex}.atm-screen h2{color:#fff;margin:10px 0;font-size:1.25em}.atm-screen p{margin:8px 0;line-height:1.4}.atm-screen label{margin:8px 0 5px;font-size:.85em;display:block}.atm-screen input,.atm-screen select{box-sizing:border-box;width:100%;font:inherit;color:#0b2347;background:#fff;border:1px solid #7699bc;border-radius:6px;padding:8px}.atm-screen button{color:#0b2347;font:inherit;cursor:pointer;background:#d5eaff;border:1px solid #87baf0;border-radius:7px;margin:8px 6px 0 0;padding:8px 12px;font-weight:600}.atm-screen button:disabled{cursor:not-allowed;opacity:.6}.atm-screen .atm-secondary{color:#fff;background:0 0;border-color:#8cacc8}.atm-screen input:focus,.atm-screen select:focus,.atm-screen button:focus-visible{outline-offset:2px;outline:2px solid #b2d7ff}.atm-screen a{color:#d5eaff}.atm-screen .atm-error{color:#812020;background:#ffe6e6;border-radius:6px;padding:8px;font-size:.9em}.atm-available{color:#c9e3ff;font-size:.85em}.atm-result-amount{font-size:1.25em;font-weight:700}.atm-menu{gap:6px;display:flex}@media (width<=1200px){.atm-stage{grid-template-columns:1fr;max-width:760px}.atm-card-panel{max-width:350px;padding-top:0}}@media (width<=600px){.atm-main{padding:24px 16px}.atm-stage{gap:12px}.atm-card-panel{max-width:300px}.atm-card .bank-card{min-height:180px;padding:20px}}@media (prefers-reduced-motion:reduce){.atm-card{transition-duration:.01ms}}.profile-page{flex-direction:column;min-height:100vh;display:flex}.profile-body{flex:1;display:flex}.profile-main{background:#f6f8fb;flex:1;min-width:0;padding:48px 56px}.profile-main h1{color:#0b2347;margin:0 0 12px}.profile-intro{color:#66768c;margin-bottom:32px}.profile-details{background:#fff;border:1px solid #dfe7f1;border-radius:24px;max-width:680px;overflow:hidden;box-shadow:0 12px 32px #173e7008}.profile-identity{background:linear-gradient(120deg,#edf5ff,#fff);align-items:center;gap:20px;padding:32px;display:flex}.profile-identity h2{color:#0b2347;overflow-wrap:anywhere;min-width:0;font-size:24px}.profile-avatar{color:#1677e8;background:#dcecff;border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;font-size:24px;font-weight:700;display:grid}.profile-details dl{margin:0;padding:0 32px}.profile-details dl>div{border-top:1px solid #e8edf4;padding:24px 0}.profile-details dt{color:#66768c;margin-bottom:8px;font-size:13px}.profile-details dd{color:#0b2347;overflow-wrap:anywhere;margin:0;font-weight:500}@media (width<=700px){.profile-main{padding:24px 16px}.profile-identity{flex-wrap:wrap;padding:24px 20px}.profile-details dl{padding:0 20px}}