@font-face{font-family:Urbanist;src:url(/assets/Urbanist-CTijjoPN.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/assets/Urbanist-Italic-By4B-9lu.ttf)format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--bg:#e3ecf6;--bg-2:#dde7f3;--ink:#2b3a52;--muted:#8c9ab1;--shadow-d:#b9c6da;--shadow-l:#fff;--grad-hot:linear-gradient(135deg, #ff7eb3, #ff9472);--grad-full:linear-gradient(120deg, #ff6fb5, #ff9472, #ffd36e, #7ee8a0);--grad-cool:linear-gradient(135deg, #6db3f2, #a18cd1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 800px at 15% -10%,#eef4fb,#0000),radial-gradient(1000px 700px at 110% 110%,#d4e0ee,#0000),linear-gradient(160deg,#e7eef7,#d7e2f0);font-family:Urbanist,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.gallery{max-width:1280px;margin:0 auto;padding:40px 24px 80px}.gallery-hero{text-align:center;margin-bottom:8px}.gallery-hero h1{letter-spacing:-.03em;background:var(--grad-full);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,6vw,64px);font-weight:900;line-height:1.02}.gallery-hero p{color:var(--muted);margin-top:10px;font-size:17px;font-weight:600}.gallery-count{color:var(--ink);font-weight:800}.gallery-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 36px;display:flex}.gtab{color:var(--muted);background:var(--bg);box-shadow:6px 6px 14px var(--shadow-d), -6px -6px 14px var(--shadow-l);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .15s,color .2s}.gtab.active{color:var(--ink);box-shadow:inset 5px 5px 10px var(--shadow-d), inset -5px -5px 10px var(--shadow-l)}.gtab:active{transform:scale(.95)}.group-h{align-items:baseline;gap:10px;margin:40px 0 18px;font-size:22px;font-weight:900;display:flex}.group-h small{color:var(--muted);font-size:14px;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));justify-items:center;gap:34px 26px;display:grid}.card-link{flex-direction:column;align-items:center;gap:12px;display:flex}.card-link .cap{color:var(--muted);font-size:13px;font-weight:700}.phone{width:248px;height:537px;box-shadow:16px 18px 38px var(--shadow-d), -12px -12px 28px var(--shadow-l), inset 1px 1px 1px #fff;background:linear-gradient(160deg,#f3f7fc,#cdd9e8);border-radius:42px;flex:none;padding:9px;position:relative}.phone.lg{border-radius:56px;width:375px;height:812px;padding:12px}.phone-screen{background:linear-gradient(160deg, var(--bg), var(--bg-2));border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden}.phone.lg .phone-screen{border-radius:46px}.phone-scaler{transform-origin:0 0;width:375px;height:812px}.viewer{flex-direction:column;align-items:center;min-height:100%;padding:28px 16px 60px;display:flex}.viewer-bar{justify-content:space-between;align-items:center;width:100%;max-width:760px;margin-bottom:26px;display:flex}.vbtn{color:var(--ink);background:var(--bg);box-shadow:6px 6px 14px var(--shadow-d), -6px -6px 14px var(--shadow-l);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:800}.vbtn:active{box-shadow:inset 5px 5px 10px var(--shadow-d), inset -5px -5px 10px var(--shadow-l)}.viewer-title{font-size:18px;font-weight:900}.viewer-title small{color:var(--muted);text-align:center;font-size:12px;font-weight:700;display:block}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.screen{width:375px;min-height:812px;color:var(--ink);background:linear-gradient(160deg, var(--bg), var(--bg-2));position:relative}.screen-scroll{height:812px;padding-bottom:28px;overflow:hidden auto}.screen-scroll::-webkit-scrollbar{width:0}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.grow{flex:1}.wrap{flex-wrap:wrap}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap20{gap:20px}.pad{padding:0 22px}.muted{color:var(--muted)}.h-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.title-xl{letter-spacing:-.02em;font-size:30px;font-weight:900;line-height:1.1}.title-lg{letter-spacing:-.01em;font-size:23px;font-weight:800}.title-md{font-size:18px;font-weight:800}.neo{background:var(--bg);box-shadow:7px 7px 16px var(--shadow-d), -7px -7px 16px var(--shadow-l);border-radius:22px}.neo-in{background:var(--bg);box-shadow:inset 5px 5px 11px var(--shadow-d), inset -5px -5px 11px var(--shadow-l);border-radius:22px}.card{background:var(--bg);box-shadow:9px 9px 20px var(--shadow-d), -9px -9px 20px var(--shadow-l);border-radius:26px;padding:18px}.statusbar{height:44px;color:var(--ink);justify-content:space-between;align-items:center;padding:0 24px;font-size:14px;font-weight:800;display:flex}.statusbar .dots-r{align-items:center;gap:5px;display:flex}.statusbar .sig{background:var(--ink);opacity:.85;border-radius:3px;width:17px;height:11px}.statusbar .bat{border:1.6px solid var(--ink);opacity:.85;border-radius:3px;width:22px;height:11px;position:relative}.statusbar .bat:after{content:"";background:var(--ink);border-radius:1px;width:2px;height:5px;position:absolute;top:3px;right:-3px}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:6px 22px 14px;display:flex}.topbar .tb-title{font-size:18px;font-weight:800}.iconbtn{width:46px;height:46px;color:var(--ink);background:var(--bg);box-shadow:6px 6px 13px var(--shadow-d), -6px -6px 13px var(--shadow-l);border-radius:16px;justify-content:center;align-items:center;transition:box-shadow .15s,transform .1s;display:flex}.iconbtn.round{border-radius:999px}.iconbtn.active{color:#ff7c9b;box-shadow:inset 4px 4px 9px var(--shadow-d), inset -4px -4px 9px var(--shadow-l)}.iconbtn:active{box-shadow:inset 4px 4px 9px var(--shadow-d), inset -4px -4px 9px var(--shadow-l);transform:scale(.96)}.btn{width:100%;height:58px;color:var(--ink);background:var(--bg);box-shadow:7px 7px 16px var(--shadow-d), -7px -7px 16px var(--shadow-l);border-radius:18px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:800;transition:transform .1s;display:flex}.btn:active{box-shadow:inset 5px 5px 11px var(--shadow-d), inset -5px -5px 11px var(--shadow-l);transform:scale(.98)}.btn.grad{color:#fff;background:var(--grad-hot);box-shadow:7px 9px 20px #ff78a073, -4px -4px 12px var(--shadow-l)}.btn.grad.full{background:var(--grad-full)}.btn.grad.cool{background:var(--grad-cool);box-shadow:7px 9px 20px #788ce666, -4px -4px 12px var(--shadow-l)}.field{height:56px;color:var(--ink);background:var(--bg);box-shadow:inset 5px 5px 11px var(--shadow-d), inset -5px -5px 11px var(--shadow-l);border-radius:16px;align-items:center;gap:12px;padding:0 18px;display:flex}.field input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px;font-weight:600}.field input::placeholder{color:var(--muted);font-weight:600}.field .fi{color:var(--muted);display:flex}.avatar{color:#fff;box-shadow:5px 5px 12px var(--shadow-d), -5px -5px 12px var(--shadow-l);border-radius:18px;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.avatar.round{border-radius:999px}.g-warm{background:var(--grad-hot)}.g-cool{background:var(--grad-cool)}.g-mint{background:linear-gradient(135deg,#7ee8a0,#6db3f2)}.g-sun{background:linear-gradient(135deg,#ffd36e,#ff9472)}.dots{align-items:center;gap:8px;display:flex}.dots i{background:var(--shadow-d);width:8px;height:8px;box-shadow:inset 1px 1px 2px var(--shadow-d);border-radius:999px;transition:all .3s}.dots i.on{background:var(--grad-hot);width:24px}.tag{color:var(--ink);background:var(--bg);box-shadow:4px 4px 9px var(--shadow-d), -4px -4px 9px var(--shadow-l);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.tag.grad{color:#fff;background:var(--grad-hot);box-shadow:3px 4px 10px #ff78a066}.tag.cool{color:#fff;background:var(--grad-cool)}.pill{background:var(--bg);height:12px;box-shadow:inset 3px 3px 7px var(--shadow-d), inset -3px -3px 7px var(--shadow-l);border-radius:999px;overflow:hidden}.pill>i{background:var(--grad-hot);border-radius:999px;height:100%;display:block}.pill.cool>i{background:var(--grad-cool)}.pill.full>i{background:var(--grad-full)}.bottomnav{background:var(--bg);height:68px;box-shadow:9px 9px 22px var(--shadow-d), -9px -9px 22px var(--shadow-l);border-radius:24px;justify-content:space-around;align-items:center;padding:0 8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.bottomnav .bn{width:48px;height:48px;color:var(--muted);border-radius:15px;justify-content:center;align-items:center;transition:all .2s;display:flex}.bottomnav .bn.on{color:#ff7c9b;box-shadow:inset 4px 4px 9px var(--shadow-d), inset -4px -4px 9px var(--shadow-l)}.divider{background:linear-gradient(90deg, transparent, var(--shadow-d), transparent);opacity:.6;height:1px;margin:16px 0}