.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] .back-link{direction:rtl}[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:768px){.help-header{padding:1rem}.help-title{font-size:1.5rem}.help-content{padding:1rem}.help-section{padding:1.25rem}.status-grid{grid-template-columns:1fr}}:root{--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);--text-primary: hsl(0, 0%, 98%);--text-secondary: hsl(0, 0%, 75%);--text-muted: hsl(0, 0%, 55%);--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}*{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:#29303d99;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:#2d3443cc;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:600px){.header h1{font-size:2rem}.card{padding:var(--spacing-lg)}.code-value{font-size:2rem}}.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:#252b374d;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}
