@font-face{font-family:Urbanist;src:url(/fonts/Urbanist.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/Urbanist-Italic.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{font-family:Urbanist,system-ui,sans-serif}html,body,#root{height:100%}body{background:#d9e3ee;color:#22304a;font-family:Urbanist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}img{display:block}.gallery-bg{min-height:100%;background:radial-gradient(1200px 700px at 15% -10%,#f3f7fb 0%,transparent 60%),radial-gradient(1000px 800px at 110% 10%,#e6edf5 0%,transparent 55%),linear-gradient(165deg,#e9eff6,#d3deea);padding:46px clamp(16px,4vw,64px) 80px}.gallery-head{max-width:1180px;margin:0 auto 34px}.gallery-eyebrow{font-size:13px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#7c93b0}.gallery-title{font-size:clamp(30px,5vw,52px);font-weight:800;letter-spacing:-.02em;color:#22304a;margin-top:8px;line-height:1.05}.gallery-sub{margin-top:12px;color:#61748f;font-size:16px;font-weight:500;max-width:620px}.theme-toggle-row{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.chip{padding:10px 18px;border-radius:14px;font-weight:700;font-size:14px;color:#4a5f7e;background:#eaf1f8;box-shadow:5px 6px 12px #96a6ba80,-4px -4px 9px #ffffffe6}.chip.active{color:#22304a;box-shadow:inset 3px 3px 7px #7896b480,inset -3px -3px 7px #ffffffe6}.grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:clamp(20px,3vw,40px) clamp(18px,2.4vw,34px)}.tile{display:flex;flex-direction:column;align-items:center;gap:14px}.tile-frame{width:100%;aspect-ratio:375 / 812;border-radius:30px;overflow:hidden;position:relative;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;box-shadow:0 26px 50px -18px #28405f80,0 8px 18px -10px #28405f66}.tile-frame:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 40px 70px -20px #28405f8c}.tile-scaler{position:absolute;top:0;left:0;width:375px;height:812px;transform-origin:top left}.tile-label{font-weight:700;font-size:15px;color:#2c3e5c}.tile-theme{font-size:12px;font-weight:600;color:#8197b3}.screen-page{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:22px;padding:30px 16px 60px;background:linear-gradient(165deg,#e9eff6,#cfdae8)}.screen-page.dark-page{background:linear-gradient(165deg,#20242a,#0e1013)}.back-link{align-self:center;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#50647f;padding:10px 18px;border-radius:14px;background:#eaf1f8;box-shadow:4px 5px 11px #96a6ba80,-3px -3px 8px #ffffffe6}.dark-page .back-link{color:#c8d3e0;background:#2a2f36;box-shadow:4px 5px 14px #00000080,-3px -3px 10px #ffffff0d}.phone-shadow{border-radius:42px;box-shadow:0 40px 80px -24px #21344d8c,0 12px 30px -16px #21344d66}.s{width:375px;height:812px;position:relative;overflow:hidden;font-family:Urbanist,sans-serif;--ink: #22304a;--ink2: #31456a;--mut: #798488;--mut2: #7888a2;--bg1: #e5f0f8;--bg2: #ebf3f9;--surf: #eaf3f9;--surf2: #e3edf7;--accent: #f37011;--good: #36c07a;--bad: #f0584b;background:linear-gradient(163deg,var(--bg1) 2%,var(--bg2) 97%);color:var(--ink)}.s .neu{background:var(--surf);border-radius:20px;box-shadow:5px 7px 13px #aeaeae4d,-3px -3px 8px #fffc}.s .neu-in{border-radius:20px;box-shadow:inset 3px 4px 9px #7896b466,inset -3px -3px 8px #ffffffe6;background:var(--surf)}.s .pressable{transition:box-shadow .12s,transform .12s}.s .pressable:active{box-shadow:inset 3px 4px 9px #7896b473,inset -3px -3px 7px #ffffffd9}.s.dark{--ink: #e6eef7;--ink2: #eaf3f9;--mut: #8b97a4;--mut2: #9aa6b4;--bg1: #33383d;--bg2: #191b1e;--surf: #2c3239;--surf2: #23272c;background:linear-gradient(163deg,#33383d 2%,#191b1e 97%)}.s.dark .neu{background:linear-gradient(150deg,#32383e 69%,#171c1e 122%);box-shadow:4px 4px 18px #00000080,-4px -2px 16px #c3c8cd14;border-radius:18px}.s.dark .neu-in{background:linear-gradient(150deg,#2c333a 71%,#181a1d 60%);box-shadow:inset 2px 3px 10px #070709,inset -2px -2px 10px #ffffff0d;border-radius:18px}.s.dark .pressable:active{box-shadow:inset 2px 3px 12px #050507,inset -2px -2px 8px #ffffff0a}.s.dark .silver{background:linear-gradient(-20deg,#e3edf7 46%,#e1ebf6 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.statusbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:13px;font-weight:700;color:var(--ink)}.statusbar .dots{display:flex;gap:5px;align-items:center}.statusbar .sig{display:flex;gap:3px;align-items:flex-end}.statusbar .sig i{width:3px;background:var(--ink);border-radius:2px;display:block}.s .pad{padding:0 30px}.s .h1{font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:1.15}.s .row{display:flex;align-items:center}.s .between{justify-content:space-between}.s .col{display:flex;flex-direction:column}.ico-btn{width:60px;height:60px;border-radius:18px;display:grid;place-items:center}.s .ico-btn svg{width:24px;height:24px}.s .ico-btn svg [stroke]{stroke:var(--mut)}.s .ico-btn svg [fill].f{fill:var(--mut)}.bottomnav{position:absolute;left:30px;right:30px;bottom:30px;height:66px;display:flex;align-items:center;justify-content:space-between}.nav-ico{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;position:relative}.nav-ico svg{width:24px;height:24px}.nav-ico svg [stroke]{stroke:var(--mut)}.nav-ico.active svg [stroke]{stroke:var(--accent)}.s:not(.dark) .nav-ico.active{box-shadow:inset 3px 4px 9px #7896b466,inset -3px -3px 8px #ffffffe6}.nav-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 4px 8px #f3701180}.pill{padding:9px 16px;border-radius:14px;font-weight:700;font-size:13px;color:var(--mut)}.pill.active{color:var(--accent)}.s:not(.dark) .pill.active{color:var(--ink)}.s.dark .pill.active{border:1px solid var(--accent)}.tgl{width:52px;height:30px;border-radius:16px;position:relative;flex:none}.tgl .knob{position:absolute;top:4px;width:22px;height:22px;border-radius:50%;background:#f4f8fc;transition:left .2s;box-shadow:1px 2px 4px #00000040}.tgl.off{left:4px}.tgl.on{background:linear-gradient(180deg,#ff7a59,#f0584b);box-shadow:inset 1px 2px 5px #961e0a66}.tgl.on .knob{left:26px}.tgl.off{background:var(--surf);box-shadow:inset 2px 3px 6px #7896b466,inset -2px -2px 6px #fffc}.tgl.off .knob{left:4px}.s.dark .tgl.off{background:#23272c;box-shadow:inset 2px 3px 7px #070709,inset -2px -2px 6px #ffffff0d}.visa{position:relative;border-radius:24px;padding:20px 22px;color:var(--ink);overflow:hidden;background:linear-gradient(199deg,#ebf2f9 19%,#c6d7eb 155%);box-shadow:0 7px 50px #7ca2cb4d,-6px -5px 38px #ffffff8a,8px 40px 96px #123d6524;border:1px solid #fff}.s.dark .visa{background:linear-gradient(199deg,#3a4047 10%,#1d2125 130%);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 50px #00000080;color:#e6eef7}.visa .num{font-size:22px;font-weight:700;letter-spacing:.04em}.visa .lbl{font-size:12px;font-weight:700;color:var(--mut2);letter-spacing:.08em}.visa .val{font-size:14px;font-weight:700}.visa-logo{font-style:italic;font-weight:800;font-size:26px;letter-spacing:-.02em;background:linear-gradient(90deg,#2a3a59,#1d2840);-webkit-background-clip:text;background-clip:text;color:transparent}.s.dark .visa-logo{background:linear-gradient(90deg,#fff,#c7d2e0);-webkit-background-clip:text;background-clip:text;color:transparent}.slider{height:14px;border-radius:10px;position:relative}.slider .fill{position:absolute;left:0;top:0;bottom:0;border-radius:10px;background:linear-gradient(90deg,#ff7a59,#f0584b)}.slider .grip{position:absolute;top:50%;width:26px;height:26px;border-radius:50%;transform:transl(-50%,-50%);background:#f4f8fc;box-shadow:0 3px 8px #0000004d}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.key{height:58px;border-radius:18px;display:grid;place-items:center;font-size:24px;font-weight:700;color:var(--ink)}.lrow{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px}.lrow .av{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;font-weight:800;color:#fff}.lrow .nm{font-weight:700;font-size:15px;color:var(--ink)}.lrow .sb{font-size:12px;font-weight:600;color:var(--mut);margin-top:2px}.amt{font-weight:800;font-size:15px}.amt.pos{color:var(--good)}.amt.neg{color:var(--bad)}.fadeup{animation:fadeup .5s cubic-bezier(.2,.8,.2,1) both}@keyframes fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}