.home-container{flex-direction:column;gap:60px;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 20px 80px;display:flex}.home-nav{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.logo-text{color:#fff;letter-spacing:-.5px;align-items:center;gap:4px;font-size:24px;font-weight:500;display:flex}.logo-text:before{content:"⚡";filter:drop-shadow(0 0 8px #f59e0b99);margin-right:2px;font-size:20px;animation:2.5s ease-in-out infinite logoPulse}.logo-text .logo-accent{background:linear-gradient(135deg,#ff7e5f,#feb47b);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #feb47b33;-webkit-background-clip:text;font-weight:900}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 6px #f59e0b80);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 12px #f59e0be6);transform:scale(1.08)rotate(-5deg)}}.nav-links{gap:20px;display:flex}.btn-secondary{color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-border-hover);background:#ffffff1a;transform:translateY(-1px)}.hero-section{text-align:center;flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.hero-title{font-family:var(--font-body);letter-spacing:-1.5px;background:linear-gradient(90deg,#fff,#d8b4fe,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:52px;font-weight:800;line-height:1.15}.hero-desc{max-width:600px;color:var(--color-foreground-muted);margin:0 auto;font-size:18px;line-height:1.6}.console-card{width:100%;max-width:720px;margin:0 auto;padding:40px;position:relative}.console-card:after{content:"";border-radius:var(--radius-lg);z-index:-1;pointer-events:none;background:linear-gradient(135deg,#8b5cf64d,#ec489933,#0000);position:absolute;inset:-1px}.input-group{gap:12px;display:flex;position:relative}.input-url{flex:1;padding:16px 20px;font-size:16px}.btn-generate{padding:0 32px;font-size:16px}.input-options{text-align:left;flex-direction:column;gap:8px;margin-top:20px;display:flex}.input-options label{color:var(--color-foreground-muted);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.textarea-custom{border:1px solid var(--color-border);color:var(--color-foreground);border-radius:var(--radius-md);resize:vertical;background:#ffffff08;outline:none;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:13px;transition:all .25s}.textarea-custom:focus{border-color:var(--color-primary);background:#ffffff0d}.stepper-container{flex-direction:column;gap:16px;margin-top:40px;animation:.4s ease-out fadeIn;display:flex}.step-item{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff08;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.step-item.active{background:#8b5cf60d;border-color:#8b5cf633}.step-item.completed{background:#10b98108;border-color:#10b98126}.step-indicator{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-foreground-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.step-item.active .step-indicator{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 12px var(--color-primary-glow);animation:1.5s infinite pulse}.step-item.completed .step-indicator{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-text{text-align:left;flex:1}.step-title{color:var(--color-foreground-muted);font-size:14px;font-weight:600}.step-item.active .step-title{color:var(--color-foreground)}.step-item.completed .step-title{color:#fffc;-webkit-text-decoration:line-through #10b9814d;text-decoration:line-through #10b9814d}.step-desc{color:var(--color-foreground-muted);margin-top:2px;font-size:12px}.step-status{font-size:13px;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#04060ad9;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;gap:24px;width:100%;max-width:650px;max-height:85vh;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.modal-close{color:var(--color-foreground-muted);cursor:pointer;background:0 0;border:none;font-size:24px;transition:color .2s}.modal-close:hover{color:#fff}.modal-desc{color:var(--color-foreground-muted);border-radius:var(--radius-md);background:#ef44440d;border:1px solid #ef444426;margin-top:-8px;padding:12px 16px;font-size:14px}.modal-form{flex-direction:column;gap:16px;display:flex}.form-row{gap:16px;display:flex}.form-col{flex:1}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#fffc;font-size:13px;font-weight:600}.form-group input,.form-group textarea{width:100%}.modal-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.success-card{text-align:center;border-color:#10b9814d;flex-direction:column;gap:28px;max-width:720px;margin:40px auto 0;padding:40px;animation:.4s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;box-shadow:0 0 30px #10b9811a}.success-icon{border:2px solid var(--color-success);width:64px;height:64px;color:var(--color-success);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:32px;display:flex;box-shadow:0 0 20px #10b98133}.success-title{color:#fff;font-size:28px;font-weight:800}.success-desc{color:var(--color-foreground-muted);margin-top:-12px;font-size:14px}.result-url-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0003;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.result-url-text{color:#a78bfa;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;font-family:monospace;font-size:14px;overflow:hidden}.btn-copy{flex-shrink:0;padding:8px 16px;font-size:12px}.success-actions{justify-content:center;gap:16px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}