.app{width:100%}.container{background:#fff;border-radius:18px;padding:40px;border:1px solid #eef0f4;box-shadow:0 12px 36px #0f172a1f}h1{text-align:center;color:#1f2937;margin-bottom:10px;font-size:32px;font-weight:700;letter-spacing:-.02em}.hero-subtitle{margin:0 auto 28px;max-width:520px;color:#6b7280;text-align:center;font-size:15px;line-height:1.45}h2{color:#374151;margin-bottom:16px;font-size:19px;font-weight:600}.section{margin-bottom:36px}.section:last-of-type{margin-bottom:0}.faq-section{border-top:1px solid #eceff3;padding-top:28px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{border:1px solid #e5e7eb;border-radius:12px;background:#fafbff;overflow:hidden}.faq-item summary{cursor:pointer;padding:14px 16px;font-weight:600;color:#1f2937;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:#6b7280;font-size:20px;line-height:1}.faq-item[open] summary:after{content:"-"}.faq-item p{margin:0;padding:0 16px 14px;color:#4b5563;line-height:1.5}form{display:flex;flex-direction:column;gap:12px}.step-description{margin-bottom:1rem;color:#6b7280}.field-label{font-size:14px;color:#4b5563;font-weight:600}.download-group{display:flex;gap:12px}input{flex:1;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:border-color .2s,box-shadow .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:manipulation}input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea29}input:disabled{background-color:#f5f5f5;cursor:not-allowed}button{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;white-space:nowrap;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.message{margin-top:24px;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.info-text{padding:12px 16px;background:#f5f7ff;border:1px dashed #667eea;border-radius:8px;color:#444;font-size:14px}.loader-block{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;border:1px solid #e0e0e0;border-radius:12px;background:#fafafa}.loader{width:32px;height:32px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-size:14px;color:#555}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;min-height:200px}.loading-container .spinner-loader{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-right-color:#667eea}.loading-container p{color:#555;font-size:16px;margin:0}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:stretch}.secondary-button{background:#f9fafb;color:#374151;border:1px solid #d1d5db;box-shadow:none;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.actions button{width:100%}.secondary-button:hover:not(:disabled){border-color:#9ca3af;background:#f3f4f6;box-shadow:0 4px 12px #00000014;transform:translateY(0)}.full-width-button{width:100%}.with-top-margin{margin-top:12px}.content-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border:1px solid #c7d2fe;border-radius:13px;background:#eef2ff}.type-button{min-height:42px;padding:10px 14px;border-radius:10px;background:transparent;color:#4b5563;border:1px solid transparent;box-shadow:none;transform:none}.type-button:hover:not(:disabled){transform:none;box-shadow:none;background:#6366f11f;border-color:#6366f133}.type-button.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:#4f46e5cc;box-shadow:0 6px 14px #4f46e559}.type-button.active:before{content:"✓ ";font-weight:700}.content-requests-list{display:flex;flex-direction:column;gap:8px}.content-request-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s,background-color .3s;position:relative;overflow:hidden;transform:translateZ(0);will-change:auto}.content-request-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.content-request-info{flex:1;display:flex;flex-direction:column;gap:4px;margin-right:12px;position:relative;z-index:1;min-width:0}.request-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.content-type-badge{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600;white-space:nowrap;border:1px solid transparent}.content-type-badge.content-type-video{background-color:#e3f2fd;color:#1565c0;border-color:#bfdbfe}.content-type-badge.content-type-audio{background-color:#f3e8ff;color:#7e22ce;border-color:#e9d5ff}.content-request-title{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.content-request-status-text{font-size:12px;font-weight:400;position:relative;z-index:1}.content-request-status-text.status-0{color:#f59e0b}.content-request-status-text.status-1{color:#eab308}.content-request-status-text.status-2{color:#22c55e;font-weight:500}.content-request-status-text.status-3{color:#ef4444}.content-request-status{font-size:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:relative;z-index:1}.status-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.status-icon svg{width:100%;height:100%}.registration-icon{color:#f59e0b}.clock-icon{width:20px;height:20px;position:relative}.clock-face{width:100%;height:100%;border:2px solid currentColor;border-radius:50%;position:relative}.clock-hand{position:absolute;background:currentColor;transform-origin:bottom center;left:50%;bottom:50%}.hour-hand{width:2px;height:6px;margin-left:-1px;animation:hourRotate 8s linear infinite}.minute-hand{width:1.5px;height:8px;margin-left:-.75px;animation:minuteRotate 1s linear infinite}@keyframes hourRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes minuteRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inwork-icon{color:#eab308}.spinner-loader{width:20px;height:20px;position:relative;border:3px solid rgba(234,179,8,.2);border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;animation:spinnerRotate .8s linear infinite}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{color:#22c55e}.success-icon svg{animation:successCheckmark .5s ease-out}@keyframes successCheckmark{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.error-icon{color:#ef4444}.error-icon svg{animation:errorCross .5s ease-out}@keyframes errorCross{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}to{transform:scale(1) rotate(180deg)}}.default-icon{color:#6b7280}.content-request-status.clickable{transition:transform .2s,opacity .2s;touch-action:manipulation;-webkit-tap-highlight-color:rgba(102,126,234,.2);min-width:44px;min-height:44px}.content-request-status.clickable:hover{transform:scale(1.2);opacity:.8}.content-request-status.clickable:active{transform:scale(1.1)}@media (max-width: 640px){.content-request-status.clickable{min-width:48px;min-height:48px}}.content-request-item.clickable-card{cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s,transform .2s}.content-request-item.clickable-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;background-color:#f8f9ff;transform:translateY(-2px)}.content-request-item.clickable-card:active{transform:translateY(0);box-shadow:0 2px 8px #667eea26}.content-request-item.processing{border-color:#eab308;background:#fefce8;transform:translateZ(0)}.content-request-item.flash-success.processing,.content-request-item.flash-error.processing{background:#fff}.card-loader{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(234,179,8,.1) 50%,transparent 100%);background-size:200% 100%;animation:cardLoader 2s ease-in-out infinite;pointer-events:none;transform:translateZ(0);will-change:background-position;contain:layout style paint;z-index:0}@keyframes cardLoader{0%{background-position:-200% 0}to{background-position:200% 0}}.content-request-item.flash-success{animation:flashGreen 1.2s ease-out;background:#fff!important}@keyframes flashGreen{0%{background:#fff;border-color:#e0e0e0}35%{background:#dcfce7;border-color:#34d399;box-shadow:0 0 0 3px #10b9812e}to{background:#fff;border-color:#e0e0e0;box-shadow:none}}.content-request-item.flash-error{animation:flashRed 1.2s ease-out;background:#fff!important}@keyframes flashRed{0%{background:#fff;border-color:#e0e0e0}35%{background:#fee2e2;border-color:#f87171;box-shadow:0 0 0 3px #ef444429}to{background:#fff;border-color:#e0e0e0;box-shadow:none}}.empty-state-section{border:1px dashed #d1d5db;border-radius:14px;padding:18px 16px;background:#fafbff}.empty-state-text{color:#6b7280;font-size:14px;line-height:1.5}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.content-request-item.flash-success,.content-request-item.flash-error{animation:none!important}}.download-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.download-modal{background:#fff;border-radius:16px;padding:32px;min-width:400px;max-width:90%;box-shadow:0 20px 60px #00000080;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.download-modal-header{margin-bottom:24px}.download-modal-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.download-modal-content{display:flex;flex-direction:column;gap:16px}.download-progress-filename{color:#333;font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.download-progress-percent{color:#667eea;font-weight:600;font-size:18px;text-align:center}.download-progress-bar-container{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.download-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease;position:relative}.download-progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.download-modal-actions{display:flex;justify-content:center;margin-top:8px}.download-modal-actions button{min-width:120px}@media (max-width: 640px){.container{padding:20px;border-radius:12px}h1{font-size:24px;margin-bottom:8px}.hero-subtitle{margin-bottom:20px;font-size:14px}h2{font-size:16px;margin-bottom:12px}.section{margin-bottom:24px}.faq-section{padding-top:20px}.faq-item summary{font-size:15px}.faq-item p{font-size:14px}.download-group{flex-direction:column}input{font-size:16px;padding:14px 16px}button{width:100%;padding:16px 24px;font-size:16px;min-height:48px}.type-button{min-height:42px;padding:10px 12px}.download-modal{min-width:90%;padding:24px;border-radius:12px}.content-request-item{padding:14px 16px;min-height:48px}.content-request-title{font-size:15px}.content-request-status-text{font-size:13px}.message{padding:14px 16px;font-size:15px}.loader-block{padding:14px 16px}.loader-text{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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:radial-gradient(circle at 10% 20%,rgba(255,255,255,.25) 0%,transparent 42%),radial-gradient(circle at 85% 0%,rgba(129,140,248,.35) 0%,transparent 48%),linear-gradient(135deg,#4f46e5,#6d28d9 55%,#7c3aed);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{width:100%;max-width:600px}*{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}input,button,a,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}