*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html{touch-action:manipulation;-ms-touch-action:manipulation;overflow:hidden;position:fixed;width:100%;height:100%}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--text-hint: #999999;--border-color: #e0e0e0;--accent-blue: #0093FF}.dark{--bg-primary: #0a0a0f;--bg-secondary: #1a1a24;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-hint: #666666;--border-color: #2a2a3a}@font-face{font-family:SF Pro Display;src:url(/fonts/SF-Pro-Display-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:SF Pro Display;src:url(/fonts/SF-Pro-Display-Semibold.woff2) format("woff2");font-weight:600;font-style:normal}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.app{min-height:100vh;padding-bottom:80px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:100vh}.hero-slider{position:relative;width:100%;border-radius:0 0 24px 24px;overflow:hidden}.slider-track{display:flex;transition:transform .4s ease}.slide{min-width:100%}.slide img{width:100%;display:block}.slider-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer}.dot.active{background:#fff}.content{padding:16px;max-width:480px;margin:0 auto}.region-item{background:var(--bg-secondary);border-radius:16px;overflow:hidden;margin-bottom:12px}.region-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.region-info{display:flex;align-items:center;gap:12px}.region-flag{width:28px;height:28px;object-fit:contain}.region-name{font-size:15px}.region-arrow{color:var(--text-secondary);font-size:20px;transition:transform .25s ease,color .2s;transform:rotate(-90deg)}.region-arrow.open{transform:rotate(0);color:var(--accent-blue)}.region-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.region-content-wrapper.open{grid-template-rows:1fr}.region-content{overflow:hidden}.region-content-inner{padding:0 20px 16px;display:flex;flex-direction:column;gap:8px}.region-option{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border-radius:12px;cursor:pointer}.region-option.active{border:2px solid var(--accent-blue)}.arrow{color:var(--text-secondary);font-size:18px}.cards-list{display:flex;flex-direction:column;gap:12px}.card-item{background:var(--bg-secondary);border-radius:16px;overflow:hidden}.card-image-wrapper{padding:12px 12px 0}.card-image{width:100%;border-radius:12px;display:block}.card-price-btn{display:block;width:calc(100% - 24px);margin:12px;padding:14px;background:var(--accent-blue);border:none;border-radius:12px;color:#fff;font-family:SF Pro Display,-apple-system,sans-serif;font-size:15px;font-weight:600;cursor:pointer;text-align:center}.card-price-btn:active{opacity:.9}.section-title{font-size:18px;font-weight:600;margin:24px 0 12px}.faq-list,.support-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--bg-secondary);border-radius:16px;overflow:hidden}.faq-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px}.faq-arrow{color:var(--text-secondary);font-size:20px;transition:transform .25s ease,color .2s;transform:rotate(-90deg)}.faq-arrow.open{transform:rotate(0);color:var(--accent-blue)}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer-wrapper.open{grid-template-rows:1fr}.faq-answer{overflow:hidden;color:var(--text-secondary);font-size:14px;line-height:1.5}.faq-answer-inner{padding:0 20px 16px}.support-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);padding:16px 20px;border-radius:16px;text-decoration:none;color:var(--text-primary);font-size:15px}.dock{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--bg-primary);padding:12px 0 28px;border-top:1px solid var(--border-color)}.dock-item{padding:8px 24px}.dock-item img{width:28px;height:28px;opacity:.4}.dock-item.active img{opacity:1}.code-page .content{padding-top:16px}.code-card{background:var(--bg-secondary);border-radius:20px;padding:16px}.code-card-image{width:100%;border-radius:12px;display:block;margin-bottom:12px}.code-display{background:var(--accent-blue);padding:16px;border-radius:12px;text-align:center}.code-text{font-size:20px;font-weight:600;color:#fff;letter-spacing:1px}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary)}.card-code-btn{display:block;width:calc(100% - 24px);margin:12px;padding:14px;background:var(--accent-blue);border:none;border-radius:12px;color:#fff;font-family:SF Pro Display,-apple-system,sans-serif;font-size:15px;font-weight:600;cursor:pointer;text-align:center;letter-spacing:1px}.card-code-btn:active{opacity:.9}.empty-state{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary);font-size:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home,.cards-page{animation:fadeIn .3s ease}.content{animation:slideUp .35s ease}.card-item{animation:slideUp .4s ease both}.card-item:nth-child(1){animation-delay:.05s}.card-item:nth-child(2){animation-delay:.1s}.card-item:nth-child(3){animation-delay:.15s}.card-item:nth-child(4){animation-delay:.2s}.faq-item{animation:slideUp .4s ease both}.faq-item:nth-child(1){animation-delay:.05s}.faq-item:nth-child(2){animation-delay:.1s}.region-item{animation:slideUp .35s ease}.support-item{animation:slideUp .4s ease both;animation-delay:.15s}.section-title{animation:fadeIn .4s ease both}.card-price-btn:active,.card-code-btn:active{transform:scale(.98)}.card-price-btn,.card-code-btn{transition:transform .15s ease,opacity .15s ease}