: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}}