:root{--brand: #ff5a3c;--brand-deep: #e5482e;--brand-tint: #ff8b72;--brand-soft: #ffe5dd;--cream: #faf6f0;--ink: #100a14;--body: #3a3a3c;--muted: #8e8e93;--surface: #f2f2f7;--hairline: #ece2d4;--card: #ffffff;--radius-card: 26px;--radius-control: 14px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Comfortaa,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:600;color:var(--ink);background-color:var(--cream);background-image:radial-gradient(100% 45% at 50% 0%,#ff5a3c1a,#ff5a3c00 60%);background-repeat:no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background-color:var(--brand);color:#fff}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:38px 30px 32px;text-align:center;box-shadow:0 1px 3px #2b120a0d,0 24px 48px -24px #2b120a4d;animation:rise .5s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}@media(prefers-reduced-motion:reduce){.card{animation:none}}.brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:22px}.app-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--brand);box-shadow:0 10px 22px -8px #ff5a3c8c,inset 0 1px #ffffff40}.app-icon svg{width:auto;height:42px}.wordmark{font-size:26px;font-weight:700;letter-spacing:.5px;color:var(--brand)}.title{font-size:22px;font-weight:700;line-height:1.25;color:var(--ink);margin:0 0 8px}.subtitle{font-size:15px;font-weight:500;color:var(--muted);line-height:1.55;margin:0 auto 24px;max-width:32ch}form{display:flex;flex-direction:column;gap:12px;margin-top:4px}.input{width:100%;padding:14px 16px;border-radius:var(--radius-control);border:1.5px solid var(--hairline);background:var(--surface);font-family:inherit;font-size:16px;font-weight:600;color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input::placeholder{color:var(--muted);font-weight:500}.input:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px #ff5a3c26}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 18px;border-radius:var(--radius-control);font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .08s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}.btn:active{transform:scale(.985)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 22px -10px #ff5a3cd9}.btn-primary:hover{background:var(--brand-deep)}.btn-primary:disabled{opacity:.55;cursor:default;box-shadow:none}.btn-secondary{background:#fff;color:var(--ink);border-color:var(--hairline)}.btn-secondary:hover{background:var(--surface)}.stores{display:flex;flex-direction:column;gap:12px;margin-top:6px}.store-badge{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 18px;border-radius:var(--radius-control);background:var(--ink);color:#fff;text-decoration:none;transition:transform .08s ease,box-shadow .18s ease;box-shadow:0 10px 24px -14px #000000b3}.store-badge:hover{box-shadow:0 14px 28px -14px #000c}.store-badge:active{transform:scale(.985)}.store-badge svg{width:26px;height:26px;flex:none}.store-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.store-text .small{font-size:11px;font-weight:500;opacity:.85}.store-text .big{font-size:18px;font-weight:700}.success{color:#1e8e3e;font-size:15px;font-weight:600;margin:0 0 22px}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#100a1473;animation:fade .18s ease both}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:360px;background:var(--card);border-radius:var(--radius-card);padding:30px 28px 24px;text-align:center;box-shadow:0 30px 60px -20px #2b120a73;animation:rise .32s cubic-bezier(.16,1,.3,1) both}.modal-icon{display:inline-grid;place-items:center;width:52px;height:52px;margin-bottom:14px}.modal-icon svg{width:52px;height:52px}.modal-title{font-size:19px;font-weight:700;color:var(--ink);margin:0 0 8px}.modal-message{font-size:15px;font-weight:500;color:var(--muted);line-height:1.5;margin:0 0 22px}