:root{--primary: #4338CA;--primary-light: #6366F1;--primary-dark: #3730A3;--primary-bg: #EEF2FF;--bg: #F0EEF8;--bg-card: #FFFFFF;--bg-dark: #1E1B4B;--text-primary: #1E1B4B;--text-secondary: #64748B;--text-muted: #94A3B8;--text-white: #FFFFFF;--badge-green: #1A6B4A;--badge-green-bg: #D1FAE5;--badge-purple: #7C3AED;--badge-purple-bg: #EDE9FE;--badge-orange: #EA580C;--badge-orange-bg: #FFF7ED;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 25px rgba(67, 56, 202, .12), 0 4px 10px rgba(0,0,0,.06);--shadow-xl: 0 20px 40px rgba(67, 56, 202, .15), 0 8px 16px rgba(0,0,0,.06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--navbar-height: 72px;--header-height: 56px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul,ol{list-style:none}input{font-family:inherit}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;padding-bottom:calc(var(--navbar-height) + 16px);contain-intrinsic-size:0 500px}.container{max-width:480px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:100;background:#f0eef8d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(67,56,202,.06);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height)}.header-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--primary)}.header-logo svg{width:28px;height:28px}.header-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);transition:background var(--transition-fast);color:var(--text-primary)}.header-back:hover{background:#4338ca14}.header-title{font-weight:700;font-size:18px;color:var(--text-primary)}.header-actions{display:flex;gap:4px}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.header-icon-btn:hover{background:#4338ca14;color:var(--primary)}.navbar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(67,56,202,.08);display:flex;justify-content:space-around;align-items:center;height:var(--navbar-height);padding-bottom:env(safe-area-inset-bottom,0px);max-width:100%}.navbar-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 16px;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:11px;font-weight:500;color:var(--text-muted);position:relative}.navbar-item.active{color:var(--primary)}.navbar-item.active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--primary);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.navbar-item svg{width:22px;height:22px;transition:transform var(--transition-spring)}.navbar-item.active svg{transform:scale(1.12)}.navbar-label{font-size:11px;letter-spacing:.01em}.home-hero{padding:28px 20px 8px}.home-greeting{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.home-subtitle{font-size:15px;color:var(--text-secondary);margin-top:6px;line-height:1.5}.section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.section-title{font-size:18px;font-weight:700;color:var(--text-primary)}.section-link{font-size:13px;font-weight:600;color:var(--primary);transition:opacity var(--transition-fast)}.section-link:hover{opacity:.7}.highlights-scroll{display:flex;gap:16px;padding:0 20px 12px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media(max-width:768px){.highlights-scroll{scrollbar-width:none}.highlights-scroll::-webkit-scrollbar{display:none}}.highlights-scroll::-webkit-scrollbar{display:none}.highlight-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;scroll-snap-align:center;padding-bottom:4px}.highlight-avatar{width:68px;height:68px;border-radius:50%;position:relative;padding:3px;background:linear-gradient(135deg,var(--primary),var(--primary-light));transition:transform var(--transition-spring);animation:stories-pulse 2.4s ease-in-out infinite}.highlight-avatar--promo{background:linear-gradient(135deg,#7c3aed,#ec4899)}.highlight-discount-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;font-size:9px;font-weight:800;padding:2px 5px;border-radius:100px;line-height:1;border:1.5px solid var(--bg);white-space:nowrap;z-index:1}.highlight-avatar:hover{transform:scale(1.08)}.highlight-avatar.no-ring{background:#e2e8f0}.highlight-avatar--viewed{background:#cbd5e1!important;animation:none!important;opacity:.7}.highlight-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid var(--bg)}.highlight-name{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-list{padding:0 20px 24px;display:flex;flex-direction:column;gap:12px}.store-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;text-decoration:none;color:inherit;content-visibility:auto;contain-intrinsic-size:auto 80px}.store-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.store-card:active{transform:scale(.985)}.store-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;background:var(--primary-bg)}.store-info{flex:1;min-width:0}.store-name{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-meta{display:flex;align-items:center;gap:8px;margin-top:3px}.store-category{font-size:12px;font-weight:500;color:var(--text-secondary)}.store-distance{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:3px}.store-chevron{color:var(--text-muted);flex-shrink:0}.store-profile{display:flex;flex-direction:column;align-items:center;padding:24px 20px;gap:12px}.store-profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--bg-dark);box-shadow:var(--shadow-lg)}.store-profile-avatar img{width:100%;height:100%;object-fit:cover}.store-profile-name{font-size:22px;font-weight:800;color:var(--text-primary)}.store-profile-location{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.promos-list{padding:0 20px 24px;display:flex;flex-direction:column;gap:20px}.promo-card{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-decoration:none;color:inherit;display:block}.promo-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.promo-banner{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#e2e8f0}.promo-banner img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.promo-card:hover .promo-banner img{transform:scale(1.03)}.promo-badge{position:absolute;top:12px;right:12px;padding:5px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.promo-badge.green{background:#1a6b4ae6;color:#fff}.promo-badge.purple{background:#7c3aede6;color:#fff}.promo-badge.orange{background:#ea580ce6;color:#fff}.promo-body{padding:16px 18px 18px}.promo-title{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.3}.promo-schedule{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-top:8px}.promo-schedule svg{width:14px;height:14px;flex-shrink:0}.promo-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.promo-prices{display:flex;align-items:baseline;gap:8px}.price-original{font-size:14px;color:var(--text-muted);text-decoration:line-through}.price-promo{font-size:20px;font-weight:800;color:var(--primary)}.btn-redeem{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--primary);color:#fff;border-radius:var(--radius-pill);font-size:13px;font-weight:700;transition:all var(--transition-normal);box-shadow:0 4px 12px #4338ca4d}.btn-redeem:hover{background:var(--primary-dark);box-shadow:0 6px 16px #4338ca66;transform:translateY(-1px)}.btn-redeem:active{transform:scale(.96)}.detail-hero{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#e2e8f0}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero-tag{position:absolute;bottom:12px;left:12px;padding:5px 12px;background:#1e1b4bcc;color:#fff;border-radius:var(--radius-pill);font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-content{padding:24px 20px}.detail-title{font-size:24px;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.01em}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.detail-validity{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary-bg);border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--primary)}.detail-validity svg{width:16px;height:16px}.detail-price-tag{display:inline-flex;align-items:baseline;gap:8px;padding:6px 14px;background:var(--primary-bg);border-radius:var(--radius-pill)}.detail-section{margin-top:28px}.detail-section-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.detail-description{font-size:14px;line-height:1.7;color:var(--text-secondary)}.detail-location-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);margin-top:12px}.detail-location-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.detail-location-info{flex:1}.detail-location-name{font-size:14px;font-weight:700;color:var(--text-primary)}.detail-location-address{font-size:12px;color:var(--text-secondary);margin-top:2px}.detail-location-link{font-size:12px;font-weight:600;color:var(--primary);margin-top:4px;display:inline-block}.detail-rules{list-style:none;padding:0}.detail-rules li{position:relative;padding-left:20px;font-size:14px;color:var(--text-secondary);line-height:1.7}.detail-rules li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.detail-cta{position:fixed;bottom:var(--navbar-height);left:0;right:0;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:100}.btn-generate{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:480px;margin:0 auto;padding:16px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:var(--radius-pill);font-size:16px;font-weight:700;transition:all var(--transition-normal);box-shadow:0 8px 24px #4338ca59}.btn-generate:hover{box-shadow:0 12px 32px #4338ca73;transform:translateY(-2px)}.btn-generate:active{transform:scale(.97)}.btn-generate:disabled{opacity:.6;cursor:not-allowed;transform:none}.token-page{display:flex;flex-direction:column;align-items:center;padding:32px 20px;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height))}.token-card{width:100%;max-width:380px;background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.token-card-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));padding:20px;text-align:center}.token-card-header h2{font-size:20px;font-weight:800;color:#fff}.token-card-header p{font-size:13px;color:#ffffffd9;margin-top:4px}.token-card-body{padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:20px}.token-code{font-family:Courier New,monospace;font-size:32px;font-weight:800;color:var(--primary);letter-spacing:2px;text-align:center;padding:12px 24px;background:var(--primary-bg);border-radius:var(--radius-md)}.token-qr{padding:16px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.token-timer{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:10px 18px;border-radius:var(--radius-pill)}.token-timer.active{color:var(--primary);background:var(--primary-bg)}.token-timer.expired{color:var(--error);background:#fee2e2}.token-timer.used{color:var(--success);background:#d1fae5}.token-back-link{margin-top:24px;font-size:14px;font-weight:600;color:var(--primary);text-decoration:none;transition:opacity var(--transition-fast)}.token-back-link:hover{opacity:.7}.validate-page{display:flex;flex-direction:column;align-items:center;padding:48px 20px;min-height:calc(100vh - var(--header-height))}.validate-card{width:100%;max-width:420px;background:var(--bg-card);border-radius:var(--radius-xl);padding:32px 24px;box-shadow:var(--shadow-lg)}.validate-title{font-size:22px;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:8px}.validate-subtitle{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:28px}.validate-input-container{display:flex;gap:12px;align-items:center;margin-bottom:20px}.validate-input-group{flex:1;display:flex;margin-bottom:16px}.validate-input{flex:1;padding:14px 18px;border:2px solid #E2E8F0;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:Courier New,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none}.validate-input:focus{border-color:var(--primary)}.validate-input::placeholder{font-family:Inter,sans-serif;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-muted)}.btn-scan{width:54px;height:52px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #E2E8F0;border-radius:var(--radius-md);color:var(--primary);transition:all var(--transition-fast);flex-shrink:0}.btn-scan:active{transform:scale(.92)}.btn-scan:hover{border-color:var(--primary);background:var(--primary-bg)}.btn-validate{width:100%;padding:14px;background:var(--primary);color:#fff;border-radius:var(--radius-pill);font-size:15px;font-weight:700;transition:all var(--transition-normal);box-shadow:0 4px 12px #4338ca4d}.btn-validate:hover{background:var(--primary-dark)}.btn-validate:disabled{opacity:.6;cursor:not-allowed}.btn-scan-full{width:100%;padding:14px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:2px solid var(--primary);color:var(--primary);border-radius:var(--radius-pill);font-size:15px;font-weight:700;transition:all var(--transition-normal)}.btn-scan-full:active{transform:scale(.97)}.btn-scan-full:hover{background:var(--primary-bg)}.validate-result{margin-top:24px;padding:20px;border-radius:var(--radius-lg);text-align:center}.validate-result.success{background:#d1fae5;border:1px solid #A7F3D0}.validate-result.error{background:#fee2e2;border:1px solid #FECACA}.validate-result-icon{font-size:40px;margin-bottom:10px}.validate-result-title{font-size:16px;font-weight:700;margin-bottom:4px}.validate-result.success .validate-result-title{color:#065f46}.validate-result.error .validate-result-title{color:#991b1b}.validate-result-message{font-size:13px}.validate-result.success .validate-result-message{color:#047857}.validate-result.error .validate-result-message{color:#dc2626}.validate-result-meta{font-size:12px;color:var(--text-secondary);margin-top:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:var(--radius-md);will-change:background-position}.skeleton-card{height:84px;width:100%;border-radius:var(--radius-lg)}.skeleton-promo{height:260px;width:100%;border-radius:var(--radius-xl)}.skeleton-highlight{width:68px;height:68px;border-radius:50%;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state-text{font-size:14px;color:var(--text-secondary);max-width:280px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s ease-out forwards}.stagger>*{opacity:0;animation:fadeInUp .35s ease-out forwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.36s}.stagger>*:nth-child(8){animation-delay:.42s}@keyframes stories-pulse{0%,to{box-shadow:0 0 #6366f180}50%{box-shadow:0 0 0 5px #6366f100}}.highlight-avatar{animation:stories-pulse 2.4s ease-in-out infinite}.stories-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;display:flex;flex-direction:column;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%}@media(min-width:600px){.stories-overlay{max-width:420px;left:50%;right:auto;transform:translate(-50%);border-radius:12px;top:0;bottom:0;height:100%}}.stories-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.stories-bg-img{width:100%;height:100%;object-fit:cover;animation:stories-fade .25s ease}@keyframes stories-fade{0%{opacity:0}to{opacity:1}}.stories-bg-fallback{width:100%;height:100%;background:linear-gradient(160deg,#1e1b4b,#4338ca 60%,#6366f1);display:flex;align-items:center;justify-content:center}.stories-bg-fallback-logo{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.25);opacity:.85}.stories-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 28%,transparent 55%,rgba(0,0,0,.75) 100%)}.stories-progress{position:relative;z-index:10;display:flex;gap:4px;padding:14px 12px 4px}.stories-seg{flex:1;height:2.5px;background:#ffffff59;border-radius:2px;overflow:hidden}.stories-seg-fill{height:100%;background:#fff;border-radius:2px;transition:width .05s linear}.stories-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px}.stories-store-row{display:flex;align-items:center;gap:10px}.stories-store-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.8);flex-shrink:0}.stories-store-avatar img{width:100%;height:100%;object-fit:cover}.stories-store-text{display:flex;flex-direction:column;gap:1px}.stories-store-name{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);line-height:1.2}.stories-store-count{font-size:11px;color:#ffffffb3}.stories-close{background:#00000059;border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s ease}.stories-close:active{background:#0000008c}.stories-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5}.stories-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.stories-bottom{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + 28px);display:flex;flex-direction:column;gap:14px}.stories-promo-info{display:flex;flex-direction:column;gap:6px}.stories-badge{display:inline-flex;align-items:center;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;border:1px solid rgba(255,255,255,.3);width:fit-content;text-transform:uppercase;letter-spacing:.06em}.stories-promo-title{font-size:22px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55);line-height:1.2}.stories-promo-discount{font-size:17px;font-weight:700;color:#fde68a;text-shadow:0 1px 6px rgba(0,0,0,.5)}.stories-no-promo{font-size:14px;color:#ffffffbf;text-align:center}.stories-cta{background:#fff;color:var(--primary);border:none;border-radius:var(--radius-pill);padding:15px 24px;font-size:15px;font-weight:700;cursor:pointer;text-align:center;box-shadow:0 4px 20px #0000004d;transition:transform .15s ease,opacity .15s ease;width:100%}.stories-cta:active{transform:scale(.97);opacity:.9}.stories-tap-prev,.stories-tap-next{position:absolute;top:80px;bottom:180px;width:35%;z-index:8;pointer-events:none}.stories-tap-prev{left:0}.stories-tap-next{right:0}.stories-open .highlight-avatar{animation:none}.form-row{display:flex;gap:16px;width:100%}@media(max-width:500px){.form-row{flex-direction:column;gap:20px}}@media(min-width:768px){.container{max-width:560px}.navbar{max-width:560px;left:50%;transform:translate(-50%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg)}.detail-cta{max-width:560px;left:50%;transform:translate(-50%)}}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:9999;display:flex;flex-direction:column}.scanner-header{padding:20px;display:flex;justify-content:space-between;align-items:center;color:#fff;z-index:10;background:#0006}.scanner-title{font-weight:700;font-size:18px}.scanner-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff26;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scanner-window{flex:1;width:100%;background:#000;position:relative}#qr-reader{width:100%!important;height:100%!important;border:none!important}#qr-reader video{width:100%!important;height:100%!important;object-fit:cover!important}.scanner-footer{padding:40px 20px;color:#ffffffe6;text-align:center;font-size:14px;font-weight:500;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:10;position:absolute;bottom:0;left:0;right:0}.category-btn{flex:0 0 auto;padding:10px 20px;border-radius:100px;border:1px solid rgba(67,56,202,.08);font-weight:700;font-size:13px;white-space:nowrap;background:#fff;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:center;cursor:pointer}.category-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #4338ca40;transform:translateY(-1px)}.category-btn:not(.active):hover{background:var(--primary-bg);border-color:#4338ca33}.category-btn:active{transform:scale(.96)}@media(min-width:768px){.category-btn{flex:0 0 140px;padding:10px 20px}.categories-scroll::-webkit-scrollbar{height:4px;display:block}.categories-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.categories-scroll::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:10px}}.verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:20px}.verify-card{background:#fff;padding:40px;border-radius:32px;text-align:center;max-width:400px;width:100%;box-shadow:0 20px 25px -5px #0003}.verify-logo{width:50px;height:50px;background:#4338ca;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-weight:900;font-size:20px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4338ca;border-radius:50%;margin:0 auto 20px;animation:spin-v 1s linear infinite}@keyframes spin-v{0%{transform:rotate(0)}to{transform:rotate(360deg)}}