.wizard-progress{margin-bottom:2rem;padding:1.5rem 0}.progress-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;max-width:800px;margin:0 auto}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.step-indicator{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-weight:600;color:#ffffff80;transition:all .3s ease;margin-bottom:.5rem}.progress-step.active .step-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.progress-step.completed .step-indicator{background:linear-gradient(135deg,#11998e,#38ef7d);border-color:#11998e;color:#fff}.step-label{font-size:.875rem;color:#fff9;text-align:center;font-weight:500;transition:color .3s ease}.progress-step.active .step-label{color:#fff;font-weight:600}.progress-step.completed .step-label{color:#fffc}.step-connector{position:absolute;top:20px;left:50%;width:100%;height:2px;background:#fff3;z-index:-1}.progress-step.completed .step-connector{background:linear-gradient(90deg,#11998e,#38ef7d)}@media (max-width: 768px){.progress-steps{flex-direction:column;align-items:stretch}.progress-step{flex-direction:row;margin-bottom:1rem}.step-indicator{margin-right:1rem;margin-bottom:0}.step-label{text-align:left;flex:1}.step-connector{display:none}}.wizard-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.wizard-nav-spacer{flex:1}.wizard-btn{padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.wizard-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-btn-back{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.wizard-btn-back:hover:not(:disabled){background:#ffffff26;transform:translate(-2px)}.wizard-btn-next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.wizard-btn-next:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.wizard-btn-submit{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 12px #f5576c4d;padding:.875rem 2.5rem}.wizard-btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #f5576c66;transform:translateY(-2px)}@media (max-width: 768px){.wizard-navigation{flex-direction:column-reverse;gap:1rem}.wizard-btn{width:100%;justify-content:center}.wizard-nav-spacer{display:none}}.wizard-step{animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-description{color:#ffffffb3;margin-bottom:2rem;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#ffffffe6;font-size:.9375rem}.optional-badge{display:inline-block;padding:.125rem .5rem;background:#ffffff1a;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:.5rem;color:#fff9}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#fff6}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-hint{display:block;margin-top:.5rem;font-size:.875rem;color:#ffffff80}.form-range{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #667eea66}.form-range::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66}.range-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.875rem;color:#ffffff80}.mode-toggle{display:flex;gap:.75rem}.mode-btn{flex:1;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mode-btn:hover{background:#ffffff14;border-color:#fff3}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.length-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.length-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.length-btn:hover{background:#ffffff14;transform:translateY(-2px)}.length-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.length-icon{font-size:1.5rem}.length-label{font-weight:600;color:#fff;font-size:.9375rem}.length-time{font-size:.875rem;color:#fff9}.length-btn.active .length-time{color:#ffffffe6}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.format-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center}.format-card:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.format-card.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 24px #667eea4d}.format-icon{font-size:2rem}.format-name{font-weight:700;color:#fff;font-size:1rem}.format-desc{font-size:.875rem;color:#fff9}.format-card.active .format-desc{color:#ffffffe6}.format-ratio{font-size:.75rem;padding:.25rem .75rem;background:#0003;border-radius:12px;color:#fffc;font-weight:600}.options-grid{display:grid;gap:1rem}.option-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.option-card:hover{background:#ffffff14;border-color:#fff3}.option-header{display:flex;align-items:center;gap:1rem;flex:1}.option-icon{font-size:1.75rem}.option-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#fff}.option-info p{margin:0;font-size:.875rem;color:#fff9}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.toggle-slider:before{transform:translate(24px)}.trend-selector{display:flex;gap:.75rem}.trend-selector .form-input{flex:1}.refresh-trends-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.refresh-trends-btn:hover:not(:disabled){box-shadow:0 4px 12px #11998e66;transform:translateY(-2px)}.refresh-trends-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.length-buttons{grid-template-columns:repeat(2,1fr)}.format-grid{grid-template-columns:1fr}.trend-selector{flex-direction:column}.refresh-trends-btn{width:100%}}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:1.5rem 0}.channel-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:1rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;cursor:pointer;transition:all .3s ease;text-align:center}.channel-card:hover{background:#ffffff14;border-color:#a855f780;transform:translateY(-2px)}.channel-card.active{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#a855f7;color:#fff}.channel-icon{font-size:2rem}.channel-name{font-size:.9rem;font-weight:500;line-height:1.3}.title-generation-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.generate-titles-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.generate-titles-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.generate-titles-btn:disabled{opacity:.6;cursor:not-allowed}.titles-list{margin-top:1.5rem}.titles-list h3{font-size:1.1rem;margin-bottom:1rem;color:#a5b4fc}.title-item{padding:1rem;margin-bottom:.75rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.title-item:hover{background:#ffffff0f;border-color:#a855f74d}.title-item.selected{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:#a855f7}.title-item.duplicate{opacity:.5;cursor:not-allowed}.title-content{display:flex;gap:.5rem;margin-bottom:.5rem}.title-number{color:#818cf8;font-weight:600;min-width:25px}.title-text{flex:1;color:#fff;font-size:.95rem;line-height:1.4}.title-indicators{display:flex;gap:.5rem;flex-wrap:wrap}.unique-badge,.duplicate-badge,.score-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.unique-badge{background:#22c55e33;color:#4ade80}.duplicate-badge{background:#fb923c33;color:#fb923c}.score-badge{background:#a855f733;color:#c084fc}.custom-topic-section{margin-top:2rem}.custom-topic-section label{display:block;margin-bottom:.5rem;color:#a5b4fc;font-weight:500}.custom-topic-section .form-input{width:100%;padding:1rem;background:#0f172a99;border:1px solid rgba(99,102,241,.3);border-radius:10px;color:#fff;font-size:1rem}.custom-topic-section .form-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}@media (max-width: 768px){.channel-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.channel-card{padding:.75rem}.channel-icon{font-size:1.5rem}.channel-name{font-size:.8rem}}.wizard-container{width:100%;max-width:900px;margin:0 auto;padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.wizard-content{min-height:400px;padding:1rem 0}@media (max-width: 768px){.wizard-container{padding:1.5rem;border-radius:16px}.wizard-content{min-height:350px}}.topic-form-container.glass-panel{width:100%;max-width:680px;margin:0 auto;padding:2.5rem;background:#1e293b66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000001a}.topic-form{display:flex;flex-direction:column;gap:1.5rem}.mode-toggle{display:flex;background:#0003;padding:4px;border-radius:12px;margin-bottom:.5rem}.mode-btn{flex:1;background:transparent;color:#fff9;border:none;padding:10px;font-weight:500;border-radius:8px;transition:all .2s ease}.mode-btn.active{background:#ffffff1a;color:#fff;font-weight:600;box-shadow:0 2px 4px #0000001a}.mode-btn:hover:not(.active){background:#ffffff0d;color:#fff}.topic-input-group label{font-size:1.1em;color:#a5b4fc}.large-input{font-size:1.1em;padding:1rem;background:#0f172a99;border:1px solid rgba(99,102,241,.3)}.large-input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf833}.length-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.length-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;transition:all .2s}.length-btn:hover{background:#ffffff14;border-color:#fff3}.length-btn.active{background:linear-gradient(135deg,#6366f14d,#a855f74d);border-color:#818cf8;color:#fff}.length-btn .l-label{font-size:.9em;font-weight:600}.length-btn .l-sub{font-size:.75em;opacity:.7}.trending-section{background:#0003;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.05);animation:fadeIn .3s ease-in-out}.trending-header{margin-bottom:10px;display:flex;justify-content:flex-end}.refresh-btn{font-size:.85em;padding:6px 12px;background:#ffffff0d}.trending-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.trending-item{padding:10px;border-radius:8px;background:#ffffff08;cursor:pointer;transition:all .2s;border:1px solid transparent}.trending-item:hover{background:#ffffff12}.trending-item.selected{border-color:#818cf8;background:#818cf81a}.trending-item strong{display:block;font-size:.95em;margin-bottom:4px}.trending-item p{font-size:.85em;color:#fff9;margin-bottom:4px}.trending-item .tags{font-size:.75em;color:#818cf8}.advanced-section{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.toggle-advanced{width:100%;background:transparent;color:#ffffff80;font-size:.9em}.toggle-advanced:hover{color:#fff;border:1px solid transparent}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;animation:slideDown .3s ease-out}.advanced-grid select,.advanced-grid input[type=text]{padding:.6rem;font-size:.9em}.range-group{grid-column:span 1}.form-footer{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.toggles{display:flex;gap:1.5rem;justify-content:center}.switch-label{display:flex;align-items:center;gap:8px;font-size:.9em;color:#fffc;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-label input{width:18px;height:18px;margin:0;accent-color:#818cf8}.submit-button{width:100%;padding:1.2rem;font-size:1.2rem;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:12px;box-shadow:0 4px 15px #818cf866}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #818cf880}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ae6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:24px;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s}.loading-content{text-align:center;width:80%}.loading-content h3{margin-bottom:2rem;font-size:1.5em;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.steps-list{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin:0 auto;max-width:300px}.step{font-size:1rem;color:#fff6;transition:all .5s}.step.active{color:#fff;transform:translate(10px);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.advanced-grid{grid-template-columns:1fr}.toggles{flex-direction:column;align-items:center;gap:.8rem}.topic-form-container.glass-panel{padding:1.5rem}}.job-status{width:100%;max-width:800px;margin:2rem auto;padding:0;border-radius:24px;background:#1e293b66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 4px 30px #0003}.job-status.error{border-color:#f443364d;background:#28141499}.status-header{padding:2rem 2rem 1rem}.status-header h2{font-size:1.8rem;margin-bottom:.5rem;text-align:left;background:linear-gradient(to right,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.job-status.error .status-header h2{background:linear-gradient(to right,#f87171,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-message{color:#ffffffb3;font-size:1.1em}.stepper{display:flex;background:#0003;padding:0 2rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:2rem;overflow-x:auto}.stepper button{background:transparent;border:none;border-bottom:2px solid transparent;padding:1rem 1.5rem;color:#ffffff80;font-weight:500;border-radius:0;white-space:nowrap}.stepper button:hover{color:#fffc}.stepper button.active{color:#a78bfa;border-bottom-color:#a78bfa}.result-section{padding:0 2rem 2rem;animation:fadeIn .4s ease}.result-section h3{font-size:1.4rem;margin-bottom:1.5rem;color:#e2e8f0}.script-container{max-height:400px;overflow-y:auto;background:#0f172a80;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.05)}.script-content{white-space:pre-wrap;font-family:Georgia,serif;line-height:1.8;color:#e2e8f0;font-size:1.05rem}.meta-info{display:flex;gap:2rem;margin-top:1rem;font-size:.9rem;color:#ffffff80}.audio-player,.video-player{width:100%;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000004d}.download-link,.next-button{display:inline-flex;align-items:center;gap:8px;padding:.8rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:600;transition:all .2s;cursor:pointer;border:none}.download-link{background:#ffffff1a;color:#fff;margin-right:1rem}.download-link:hover{background:#fff3;transform:translateY(-2px)}.next-button{background:linear-gradient(135deg,#a78bfa,#818cf8);color:#fff;float:right}.next-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:2rem}.image-thumb{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.image-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-thumb:hover img{transform:scale(1.05)}.paths-info{display:flex;flex-direction:column;gap:1rem;background:#0003;padding:1.5rem;border-radius:12px}.path-item code{display:block;margin-top:4px;padding:8px 12px;background:#0000004d;border-radius:6px;color:#6ee7b7;font-family:monospace;word-break:break-all}.next-steps{margin:0 2rem 2rem;padding:1.5rem;background:#6366f11a;border-radius:12px;border:1px solid rgba(99,102,241,.2)}.next-steps h4{color:#a5b4fc;margin-bottom:1rem}.next-steps ul{list-style:none;padding:0}.next-steps li{margin-bottom:.5rem;padding-left:1.5rem;position:relative;color:#fffc}.next-steps li:before{content:"👉";position:absolute;left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app{display:flex;flex-direction:column;min-height:100vh;width:100%;color:#fff}.app-header{text-align:center;padding:3rem 1rem 2rem;background:radial-gradient(circle at center,rgba(99,102,241,.15) 0%,transparent 70%)}.app-header h1{font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:.5rem;background:linear-gradient(to right,#fff 20%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 30px rgba(0,0,0,.1)}.subtitle{font-size:1.2rem;color:#fff9;max-width:600px;margin:0 auto;line-height:1.6}.app-main{flex:1;padding:1rem 1rem 4rem;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.staged-panel{width:100%;max-width:800px;margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.staged-block{background:#1e293b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:1.5rem;animation:slideUp .4s ease-out}.staged-header{font-size:1.1rem;font-weight:600;color:#a5b4fc;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.results-section{width:100%;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.reset-button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:50px;transition:all .3s}.reset-button:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 4px 20px #fff3}.app-footer{text-align:center;padding:2rem;border-top:1px solid rgba(255,255,255,.05);color:#fff6;font-size:.9rem;background:#0003}.app-footer a{color:#818cf8;text-decoration:none;transition:color .2s}.app-footer a:hover{color:#a5b4fc}.tech-stack{margin-top:.5rem;font-size:.8rem;opacity:.6}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-header h1{font-size:2.2rem}.subtitle{font-size:1rem;padding:0 1rem}.app-main{padding:1rem 1rem 2rem}}.topic-form-container{width:100%;max-width:1000px;margin:0 auto}.form-header{text-align:center;margin-bottom:2.5rem}.form-title{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.5px}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-subtitle{font-size:1.125rem;color:#ffffffb3;max-width:600px;margin:0 auto}@media (max-width: 768px){.form-title{font-size:2rem}.form-subtitle{font-size:1rem}}:root{font-family:Outfit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background-color:#0f172a;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem}h1{font-size:3.2em;line-height:1.1;margin-bottom:.5em;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;padding:.8em;margin:.5em 0;border:1px solid #444;border-radius:8px;background-color:#1a1a1a;color:#ffffffde;font-family:inherit;font-size:1em}input:focus,select:focus,textarea:focus{outline:none;border-color:#646cff}label{display:block;margin-top:1em;font-weight:500;color:#ffffffe6}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}input,select,textarea{background-color:#f9f9f9;border-color:#ccc;color:#213547}}