.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#333b4d99;border:1px solid hsla(220,50%,50%,.2);border-radius:50%;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background:#3d475ccc;border-color:#406abf66;transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-icon{font-size:1.25rem;line-height:1}[data-theme=light] .theme-toggle{background:#e0e4ebcc;border-color:#9cabc980}[data-theme=light] .theme-toggle:hover{background:#d1d6e0e6;border-color:#7a8fb899}.help-container{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.help-header{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;position:sticky;top:0;z-index:100}.help-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.back-link{color:#4ecdc4;text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:#7ee8e0}.help-title{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-subtitle{color:#ffffffb3;margin:.5rem 0 0;font-size:1rem}.help-content{max-width:900px;margin:0 auto;padding:2rem}.help-section{background:#ffffff0d;border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.08)}.section-title{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#4ecdc4}.section-desc{color:#ffffffb3;margin-bottom:1.5rem;line-height:1.6}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.status-item{display:flex;align-items:flex-start;gap:1rem;background:#0003;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.status-icon{font-size:1.8rem;flex-shrink:0}.status-info strong{display:block;margin-bottom:.25rem;color:#fff}.status-info p{margin:0;font-size:.9rem;color:#ffffffb3;line-height:1.5}.feature-list{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;background:#0003;padding:1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:border-color .2s}.feature-item:hover{border-color:#4ecdc44d}.feature-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#4ecdc426;border-radius:12px;flex-shrink:0}.feature-content h3{margin:0 0 .5rem;font-size:1.1rem;color:#fff}.feature-content p{margin:0;font-size:.9rem;color:#ffffffb3;line-height:1.5}.info-box{display:flex;align-items:flex-start;gap:.75rem;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:12px;padding:1rem;margin-top:1.5rem}.info-icon{font-size:1.2rem;flex-shrink:0}.info-box p{margin:0;font-size:.9rem;color:#ffffffd9;line-height:1.5}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tier-card{background:#0000004d;border-radius:16px;padding:1.5rem;border:2px solid transparent}.tier-card h3{margin:0 0 1rem;font-size:1.25rem}.tier-card ul{margin:0;padding-left:1.25rem}.tier-card li{margin-bottom:.5rem;color:#fffc;line-height:1.5}.tier-free{border-color:#fff3}.tier-free h3{color:#aaa}.tier-pro{border-color:#4ecdc480;background:#4ecdc414}.tier-pro h3{color:#4ecdc4}.help-footer{text-align:center;padding:2rem;color:#ffffff80;font-size:.9rem;border-top:1px solid rgba(255,255,255,.1)}[dir=rtl] .status-item,[dir=rtl] .feature-item,[dir=rtl] .info-box{flex-direction:row-reverse;text-align:right}[dir=rtl] .tier-card ul{padding-right:1.25rem;padding-left:0}@media(max-width:767px){.help-header{padding:1rem}.help-title{font-size:1.5rem}.help-subtitle{font-size:.9rem}.help-content{padding:1rem}.help-section{padding:1.25rem;margin-bottom:1.25rem}.section-title{font-size:1.25rem}.status-grid{grid-template-columns:1fr}.status-icon{font-size:1.5rem}.tiers-grid{grid-template-columns:1fr}.feature-icon{width:40px;height:40px;font-size:1.25rem}.feature-content h3{font-size:1rem}}@media(min-width:768px)and (max-width:1024px){.help-header{padding:1.25rem 1.5rem}.help-content{padding:1.5rem}.status-grid,.tiers-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.help-content{max-width:1000px}.status-grid{grid-template-columns:repeat(3,1fr)}.feature-item{transition:all .2s ease}.feature-item:hover{transform:translate(8px);border-color:#4ecdc480}}[data-theme=light] .help-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);color:#1e293b}[data-theme=light] .help-header{background:#fffc;border-bottom-color:#0000001a}[data-theme=light] .back-link{color:#0d9488}[data-theme=light] .back-link:hover{color:#14b8a6}[data-theme=light] .help-title{background:linear-gradient(135deg,#0d9488,#059669);-webkit-background-clip:text;background-clip:text}[data-theme=light] .help-subtitle{color:#64748b}[data-theme=light] .help-section{background:#fffc;border-color:#00000014}[data-theme=light] .section-title{color:#0d9488}[data-theme=light] .section-desc{color:#475569}[data-theme=light] .status-item{background:#f1f5f9cc;border-color:#0000000d}[data-theme=light] .status-info strong{color:#1e293b}[data-theme=light] .status-info p{color:#64748b}[data-theme=light] .feature-item{background:#f1f5f9cc;border-color:#0000000d}[data-theme=light] .feature-item:hover{border-color:#0d94884d}[data-theme=light] .feature-icon{background:#0d94881a}[data-theme=light] .feature-content h3{color:#1e293b}[data-theme=light] .feature-content p{color:#64748b}[data-theme=light] .info-box{background:#0d948814;border-color:#0d94884d}[data-theme=light] .info-box p{color:#334155}[data-theme=light] .tier-card{background:#f1f5f9e6}[data-theme=light] .tier-card li{color:#475569}[data-theme=light] .tier-free{border-color:#00000026}[data-theme=light] .tier-free h3{color:#64748b}[data-theme=light] .tier-pro{border-color:#0d948880;background:#0d94880d}[data-theme=light] .tier-pro h3{color:#0d9488}[data-theme=light] .help-footer{color:#94a3b8;border-top-color:#0000001a}.upgrade-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.upgrade-header{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);padding:1.5rem 2rem;position:sticky;top:0;z-index:100}.upgrade-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-controls{display:flex;align-items:center;gap:.75rem}.back-link{color:var(--primary-color);text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:var(--accent-color)}.upgrade-title{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-subtitle{color:var(--text-secondary);margin:.5rem 0 0;font-size:1rem}.upgrade-content{max-width:900px;margin:0 auto;padding:2rem}.tiers-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.tier-card{background:var(--card-bg);border-radius:20px;padding:2rem;border:2px solid var(--card-border);position:relative;transition:all .3s ease}.tier-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tier-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border)}.tier-header h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.tier-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.tier-price .price{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.tier-price .period{color:var(--text-muted);font-size:.9rem}.tier-features{list-style:none;padding:0;margin:0 0 1.5rem}.tier-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem}.tier-features li:last-child{border-bottom:none}.feature-included{color:var(--text-secondary)}.feature-included .feature-icon{color:var(--success-color);font-weight:700}.feature-excluded{color:var(--text-muted)}.feature-excluded .feature-icon{color:var(--error-color)}.feature-included.highlight{color:var(--primary-color);font-weight:500}.tier-current{text-align:center;padding:.75rem;background:#ffffff0d;border-radius:10px;color:var(--text-muted);font-size:.9rem}.tier-free{border-color:var(--card-border)}.tier-pro{border-color:var(--primary-color);background:linear-gradient(135deg,#2b6cee1a,#b34ce61a)}.upgrade-btn{display:block;width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;text-align:center;text-decoration:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:var(--shadow-md)}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #2b6cee4d}.upgrade-faq{background:var(--card-bg);border-radius:20px;padding:2rem;border:1px solid var(--card-border)}.upgrade-faq h3{font-size:1.5rem;margin:0 0 1.5rem;color:var(--text-primary);text-align:center}.faq-list{display:flex;flex-direction:column;gap:1.25rem}.faq-item{background:#0003;padding:1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.faq-item h4{margin:0 0 .5rem;color:var(--primary-color);font-size:1rem}.faq-item p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.upgrade-footer{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--card-border)}[dir=rtl] .back-link{direction:rtl}[dir=rtl] .tier-features li{flex-direction:row-reverse;text-align:right}@media(max-width:767px){.upgrade-header{padding:1rem}.upgrade-title{font-size:1.5rem}.upgrade-subtitle{font-size:.9rem}.upgrade-content{padding:1rem}.tiers-comparison{grid-template-columns:1fr;gap:1.5rem}.tier-card{padding:1.5rem}.tier-price .price{font-size:2rem}.upgrade-faq{padding:1.5rem}.header-controls{gap:.5rem}}@media(min-width:768px)and (max-width:1024px){.upgrade-header{padding:1.25rem 1.5rem}.upgrade-content{padding:1.5rem}.tiers-comparison{gap:1.5rem}}@media(min-width:1025px){.upgrade-content{max-width:1000px}.tier-card:hover{transform:translateY(-8px)}.faq-item:hover{border-color:#ffffff1a}}[data-theme=light] .upgrade-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9)}[data-theme=light] .upgrade-header{background:#ffffffe6;border-bottom-color:#0000001a}[data-theme=light] .upgrade-title{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}[data-theme=light] .upgrade-subtitle{color:#64748b}[data-theme=light] .tier-card{background:#ffffffe6;border-color:#0000001a}[data-theme=light] .tier-header{border-bottom-color:#00000014}[data-theme=light] .tier-header h2{color:#1e293b}[data-theme=light] .tier-features li{border-bottom-color:#0000000d}[data-theme=light] .feature-included{color:#475569}[data-theme=light] .feature-excluded{color:#94a3b8}[data-theme=light] .tier-current{background:#0000000d;color:#64748b}[data-theme=light] .tier-pro{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f614,#8b5cf614)}[data-theme=light] .upgrade-faq{background:#ffffffe6;border-color:#0000001a}[data-theme=light] .upgrade-faq h3{color:#1e293b}[data-theme=light] .faq-item{background:#f1f5f9cc;border-color:#0000000d}[data-theme=light] .faq-item h4{color:#3b82f6}[data-theme=light] .faq-item p{color:#475569}[data-theme=light] .upgrade-footer{color:#94a3b8;border-top-color:#0000001a}:root,[data-theme=dark]{--primary-hue: 220;--primary-sat: 85%;--primary-light: 55%;--primary-color: hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--primary-dark: hsl(var(--primary-hue), var(--primary-sat), 45%);--primary-light-bg: hsl(var(--primary-hue), var(--primary-sat), 95%);--accent-color: hsl(280, 75%, 60%);--accent-dark: hsl(280, 75%, 50%);--success-color: hsl(145, 65%, 50%);--error-color: hsl(0, 75%, 60%);--bg-gradient-start: hsl(220, 25%, 10%);--bg-gradient-end: hsl(260, 30%, 15%);--card-bg: hsla(220, 20%, 15%, .8);--card-border: hsla(220, 50%, 50%, .2);--card-hover-bg: hsla(220, 20%, 18%, .9);--text-primary: hsl(0, 0%, 98%);--text-secondary: hsl(0, 0%, 75%);--text-muted: hsl(0, 0%, 55%);--input-bg: hsla(220, 20%, 20%, .6);--input-focus-bg: hsla(220, 20%, 22%, .8);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px rgba(59, 130, 246, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}[data-theme=light]{--primary-hue: 220;--primary-sat: 75%;--primary-light: 50%;--primary-color: hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--primary-dark: hsl(var(--primary-hue), var(--primary-sat), 40%);--primary-light-bg: hsl(var(--primary-hue), 60%, 96%);--accent-color: hsl(280, 65%, 55%);--accent-dark: hsl(280, 65%, 45%);--success-color: hsl(145, 55%, 42%);--error-color: hsl(0, 65%, 55%);--bg-gradient-start: hsl(220, 30%, 96%);--bg-gradient-end: hsl(240, 25%, 92%);--card-bg: hsla(0, 0%, 100%, .9);--card-border: hsla(220, 30%, 80%, .5);--card-hover-bg: hsla(0, 0%, 100%, .95);--text-primary: hsl(220, 25%, 15%);--text-secondary: hsl(220, 15%, 40%);--text-muted: hsl(220, 10%, 55%);--input-bg: hsla(220, 20%, 97%, .9);--input-focus-bg: hsla(0, 0%, 100%, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(59, 130, 246, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh;color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(220,85%,55%,.1) 0%,transparent 50%);animation:rotate 30s linear infinite;pointer-events:none;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{position:relative;z-index:1;width:100%;max-width:500px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.header{text-align:center;margin-bottom:var(--spacing-xl)}.header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);animation:fadeInDown .6s ease}.header p{color:var(--text-secondary);font-size:1.1rem;animation:fadeInUp .6s ease .1s both}.form-group{margin-bottom:var(--spacing-md);animation:fadeInUp .6s ease calc(.2s + var(--delay, 0s)) both}.form-label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-weight:500;font-size:.95rem}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--input-bg);border:2px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:Inter,sans-serif;transition:all var(--transition-normal);outline:none}.form-input:focus{border-color:var(--primary-color);background:var(--input-focus-bg);box-shadow:0 0 0 4px hsla(var(--primary-hue),var(--primary-sat),var(--primary-light),.1)}.form-input::placeholder{color:var(--text-muted)}.form-input.input-error{border-color:var(--error-color);background:#e64c4c0d}.form-input.input-error:focus{border-color:var(--error-color);box-shadow:0 0 0 4px #e64c4c1a}.field-error{color:var(--error-color);font-size:.85rem;margin-top:var(--spacing-xs);animation:fadeInUp .3s ease}.btn{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);border:none;border-radius:var(--radius-md);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px hsla(var(--primary-hue),var(--primary-sat),var(--primary-light),.4)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{box-shadow:var(--shadow-md)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#e64c4c1a;border:1px solid var(--error-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);color:var(--error-color);margin-bottom:var(--spacing-md);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.success-view{text-align:center;animation:fadeIn .6s ease}.success-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--success-color) 0%,hsl(145,65%,40%) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 40px #2dd27266}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--success-color)}.success-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:1.1rem}.code-container{background:#29303d99;border:2px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);position:relative;overflow:hidden}.code-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--primary-color),transparent 30%);animation:rotate 4s linear infinite;opacity:.1}.code-label{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--spacing-xs);position:relative;z-index:1}.code-value{font-size:2.5rem;font-weight:800;color:var(--primary-color);font-family:Courier New,monospace;letter-spacing:.2em;position:relative;z-index:1;text-shadow:0 0 20px hsla(var(--primary-hue),var(--primary-sat),var(--primary-light),.5)}.copy-btn{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#333b4dcc;border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);position:relative;z-index:1}.copy-btn:hover{background:#3d475ce6;color:var(--text-primary);border-color:var(--primary-color)}.instructions{background:#29303d66;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:left}.instructions h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.3rem}.instructions ol{padding-left:var(--spacing-lg);color:var(--text-secondary);line-height:1.8}.instructions li{margin-bottom:var(--spacing-sm)}.instructions strong{color:var(--primary-color);font-weight:600}.telegram-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#19a1e6,#1481b8);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.telegram-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #19a1e666}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){#root{padding:var(--spacing-sm)}.container{max-width:100%}.header h1{font-size:1.75rem}.header p{font-size:.95rem}.card{padding:var(--spacing-md);border-radius:var(--radius-md)}.card:hover{transform:none}.code-value{font-size:1.5rem;letter-spacing:.1em}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.btn-large{padding:var(--spacing-md);font-size:1.1rem}.features-section h2,.how-it-works h2{font-size:1.1rem}.feature-item{padding:var(--spacing-sm)}.feature-icon{font-size:1.25rem}.feature-text strong{font-size:.9rem}.feature-text p{font-size:.8rem}.step-item{padding:var(--spacing-xs) var(--spacing-sm)}.step-number{width:24px;height:24px;font-size:.8rem}.step-text{font-size:.85rem}.telegram-link{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.instructions{padding:var(--spacing-md)}.instructions h3{font-size:1.1rem}.instructions ol{font-size:.9rem}}@media(min-width:768px)and (max-width:1024px){#root{padding:var(--spacing-lg)}.container{max-width:600px}.header h1{font-size:2.25rem}.card{padding:var(--spacing-lg)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.code-value{font-size:2rem}}@media(min-width:1025px){#root{padding:var(--spacing-xl)}.container{max-width:550px}.header h1{font-size:2.75rem}.card{padding:var(--spacing-xl)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.feature-item:hover{transform:translate(8px);background:var(--card-hover-bg)}.step-item{transition:all var(--transition-fast)}.step-item:hover{background:#2d344380;padding-left:calc(var(--spacing-md) + 4px)}}.landing-container{max-width:100%}.tagline{font-size:1rem;color:var(--text-secondary);margin-top:var(--spacing-sm)}.features-section{margin-bottom:var(--spacing-xl);animation:fadeInUp .6s ease .2s both}.features-section h2{font-size:1.3rem;margin-bottom:var(--spacing-md);color:var(--text-primary);text-align:center}.feature-list{display:grid;gap:var(--spacing-sm)}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#252b3780;border-radius:var(--radius-sm);border:1px solid hsla(220,50%,50%,.1);transition:all var(--transition-fast)}.feature-item:hover{background:#29303db3;border-color:#406abf33;transform:translate(4px)}.feature-icon{font-size:1.5rem;flex-shrink:0}.feature-text strong{display:block;color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem}.feature-text p{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin:0}.how-it-works{margin-bottom:var(--spacing-xl);animation:fadeInUp .6s ease .3s both}.how-it-works h2{font-size:1.3rem;margin-bottom:var(--spacing-md);color:var(--text-primary);text-align:center}.steps-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.step-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--card-hover-bg);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.step-number{width:28px;height:28px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.step-text{color:var(--text-secondary);font-size:.9rem}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.2rem;margin-top:var(--spacing-md);animation:fadeInUp .6s ease .4s both}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%)}.note{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:var(--spacing-md);animation:fadeInUp .6s ease .5s both}
