@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=Space+Mono:wght@400;700&family=Crimson+Pro:wght@300;400;600&display=swap";.header{padding:var(--spacing-lg) 0;position:relative;animation:fadeIn 1s var(--ease-smooth)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.logo-section{display:flex;align-items:center;gap:var(--spacing-md)}.film-strip-icon{width:50px;height:60px;background:var(--gradient-accent);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:8px 0;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.film-strip-icon:before,.film-strip-icon:after{content:"";position:absolute;width:100%;height:3px;background:var(--midnight);left:0}.film-strip-icon:before{top:0}.film-strip-icon:after{bottom:0}.film-hole{width:8px;height:8px;background:var(--midnight);border-radius:2px;animation:filmPulse 2s ease-in-out infinite}.film-hole:nth-child(2){animation-delay:.2s}.film-hole:nth-child(3){animation-delay:.4s}@keyframes filmPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.logo-text{display:flex;flex-direction:column;gap:.25rem}.logo-title{font-family:var(--font-display);font-size:2rem;font-weight:900;letter-spacing:-.5px;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite;background-size:200% auto}.logo-subtitle{font-family:var(--font-body);font-size:.9rem;color:var(--silver);font-style:italic;font-weight:300}.nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--silver);text-decoration:none;position:relative;transition:color .3s var(--ease-smooth)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-accent);transition:width .3s var(--ease-smooth)}.nav-link:hover{color:var(--warm-amber)}.nav-link:hover:after{width:100%}.header-decoration{position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--warm-amber) 50%,transparent 100%);opacity:.3}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.logo-section{flex-direction:column}.logo-title{font-size:1.5rem}.nav{gap:var(--spacing-sm)}.nav-link{font-size:.75rem}}.article-input-card{background:var(--deep-navy);border:1px solid var(--slate);border-radius:12px;padding:var(--spacing-lg);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.article-input-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-accent)}.card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.card-icon{width:48px;height:48px;border-radius:8px;background:var(--gradient-accent);color:var(--midnight);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-glow)}.card-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--cream);margin-bottom:.25rem}.card-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--silver);font-weight:300}.input-mode-toggle{display:flex;gap:0;background:var(--midnight);border-radius:8px;padding:4px;margin-bottom:var(--spacing-lg);border:1px solid var(--slate)}.toggle-btn{flex:1;padding:.75rem 1.5rem;font-family:var(--font-mono);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;background:transparent;color:var(--silver);border-radius:6px;cursor:pointer;transition:all .3s var(--ease-smooth)}.toggle-btn.active{background:var(--gradient-accent);color:var(--midnight);box-shadow:var(--shadow-soft)}.toggle-btn:not(.active):hover{color:var(--warm-amber)}.article-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--warm-amber);display:flex;align-items:center;gap:var(--spacing-xs)}.optional{font-size:.75rem;color:var(--silver);text-transform:none;font-style:italic}.input-wrapper{position:relative}.input-decoration{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-accent);transition:width .4s var(--ease-smooth);pointer-events:none}.form-input:focus~.input-decoration,.form-textarea:focus~.input-decoration{width:100%}.form-input,.form-textarea{width:100%;padding:1rem;font-family:var(--font-body);font-size:1rem;color:var(--cream);background:var(--midnight);border:2px solid var(--slate);border-radius:8px;transition:all .3s var(--ease-smooth);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--warm-amber);box-shadow:0 0 0 4px #d4a5741a}.form-input::placeholder,.form-textarea::placeholder{color:var(--silver);opacity:.5}.form-textarea{resize:vertical;min-height:200px;line-height:1.6}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.spinner{width:16px;height:16px;border:2px solid var(--midnight);border-top-color:transparent;border-radius:50%;animation:rotate .6s linear infinite}.error-message{display:flex;align-items:center;gap:var(--spacing-xs);padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-family:var(--font-body);font-size:.9rem;animation:fadeInUp .3s var(--ease-smooth)}.error-message svg{flex-shrink:0}@media (max-width: 640px){.card-header{flex-direction:column}.card-title{font-size:1.5rem}.toggle-btn{padding:.625rem 1rem;font-size:.75rem}}.video-customizer-card{background:var(--deep-navy);border:1px solid var(--slate);border-radius:12px;padding:var(--spacing-lg);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.video-customizer-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-accent)}.customization-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-title{font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--warm-amber);display:flex;align-items:center;gap:var(--spacing-sm)}.section-number{width:32px;height:32px;border-radius:50%;background:var(--midnight);border:2px solid var(--warm-amber);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.color-scheme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.color-scheme-option{background:var(--midnight);border:2px solid var(--slate);border-radius:8px;padding:var(--spacing-sm);cursor:pointer;transition:all .3s var(--ease-smooth);display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;overflow:hidden}.color-scheme-option:hover{border-color:var(--warm-amber);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.color-scheme-option.active{border-color:var(--warm-amber);background:#d4a5741a;box-shadow:var(--shadow-glow)}.color-preview{display:flex;height:80px;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-soft)}.color-swatch{transition:transform .3s var(--ease-smooth)}.color-scheme-option:hover .color-swatch{transform:scale(1.1)}.scheme-name{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--cream);text-align:center}.active-indicator{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--gradient-accent);color:var(--midnight);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);animation:scaleIn .3s var(--ease-bounce)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.music-select-wrapper{position:relative}.music-select{width:100%;padding:1rem 3rem 1rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--cream);background:var(--midnight);border:2px solid var(--slate);border-radius:8px;cursor:pointer;transition:all .3s var(--ease-smooth);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.music-select:hover{border-color:var(--warm-amber)}.music-select:focus{border-color:var(--warm-amber);box-shadow:0 0 0 4px #d4a5741a}.music-select:disabled{opacity:.6;cursor:not-allowed}.select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--warm-amber);transition:transform .3s var(--ease-smooth)}.music-select:focus~.select-icon{transform:translateY(-50%) rotate(180deg)}.duration-control{display:flex;flex-direction:column;gap:var(--spacing-md)}.duration-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:var(--midnight);outline:none;position:relative;cursor:pointer}.duration-slider::-webkit-slider-track{width:100%;height:8px;border-radius:4px;background:var(--midnight);border:1px solid var(--slate)}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gradient-accent);cursor:pointer;box-shadow:var(--shadow-soft);transition:all .3s var(--ease-smooth)}.duration-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-glow)}.duration-slider::-moz-range-track{width:100%;height:8px;border-radius:4px;background:var(--midnight);border:1px solid var(--slate)}.duration-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gradient-accent);cursor:pointer;border:none;box-shadow:var(--shadow-soft);transition:all .3s var(--ease-smooth)}.duration-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-glow)}.duration-display{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--midnight);border:2px solid var(--slate);border-radius:8px}.duration-value{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--warm-amber);line-height:1}.duration-label{font-family:var(--font-mono);font-size:.85rem;color:var(--silver);text-transform:uppercase;letter-spacing:1px}@media (max-width: 640px){.color-scheme-grid{grid-template-columns:1fr}.duration-value{font-size:2rem}.duration-label{font-size:.75rem}}.canvas-preview-card{background:var(--deep-navy);border:1px solid var(--slate);border-radius:12px;padding:var(--spacing-lg);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.canvas-preview-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-accent)}.preview-container{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.film-strip-frame{position:relative;display:flex;background:#1a1a1a;padding:var(--spacing-md);border-radius:8px;box-shadow:var(--shadow-hard)}.preview-canvas{display:block;width:100%;max-width:360px;height:auto;border-radius:4px;box-shadow:0 4px 16px #0000004d}.film-holes{display:flex;flex-direction:column;justify-content:space-around;padding:var(--spacing-sm) 0;gap:var(--spacing-sm)}.film-holes-left{margin-right:var(--spacing-sm)}.film-holes-right{margin-left:var(--spacing-sm)}.hole{width:12px;height:12px;background:#0a0a0a;border-radius:2px;box-shadow:inset 0 2px 4px #00000080;animation:filmHolePulse 3s ease-in-out infinite}.hole:nth-child(2){animation-delay:.3s}.hole:nth-child(3){animation-delay:.6s}.hole:nth-child(4){animation-delay:.9s}@keyframes filmHolePulse{0%,to{opacity:1}50%{opacity:.5}}.preview-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--midnight);border:1px solid var(--slate);border-radius:8px}.spec-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--spacing-sm)}.spec-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--silver)}.spec-value{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--warm-amber)}@media (max-width: 640px){.film-strip-frame{padding:var(--spacing-sm)}.film-holes{padding:var(--spacing-xs) 0}.hole{width:8px;height:8px}.preview-specs{grid-template-columns:1fr;gap:var(--spacing-sm)}.spec-item{flex-direction:row;justify-content:space-between}.spec-value{font-size:1rem}}.video-generator-card{background:var(--deep-navy);border:1px solid var(--slate);border-radius:12px;padding:var(--spacing-xl);box-shadow:var(--shadow-soft);position:relative;overflow:hidden;min-height:500px}.video-generator-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-accent)}.generation-content{margin-top:var(--spacing-xl)}.progress-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);text-align:center}.progress-bar-container{width:100%;height:12px;background:var(--midnight);border-radius:6px;overflow:hidden;border:1px solid var(--slate);position:relative}.progress-bar-fill{height:100%;background:var(--gradient-accent);border-radius:6px;transition:width .5s var(--ease-smooth);position:relative;overflow:hidden}.progress-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}.progress-percentage{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--warm-amber);animation:pulse 2s ease-in-out infinite}.processing-animation{padding:var(--spacing-xl) 0}.film-reel{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.reel-circle{width:100px;height:100px;border-radius:50%;border:4px solid var(--warm-amber);position:relative;animation:rotate 3s linear infinite}.reel-left{animation-direction:normal}.reel-right{animation-direction:reverse}.reel-center{width:30px;height:30px;border-radius:50%;background:var(--warm-amber);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-spoke{position:absolute;width:2px;height:50%;background:var(--warm-amber);left:50%;transform-origin:center bottom;bottom:50%}.reel-spoke:nth-child(2){transform:rotate(60deg)}.reel-spoke:nth-child(3){transform:rotate(120deg)}.reel-spoke:nth-child(4){transform:rotate(180deg)}.film-strip-anim{display:flex;gap:8px;animation:filmScroll 1.5s linear infinite}.frame{width:40px;height:60px;background:var(--slate);border:2px solid var(--warm-amber);border-radius:4px;position:relative}.frame:before,.frame:after{content:"";position:absolute;width:6px;height:6px;background:var(--midnight);border-radius:1px}.frame:before{top:4px;left:50%;transform:translate(-50%)}.frame:after{bottom:4px;left:50%;transform:translate(-50%)}@keyframes filmScroll{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.status-details{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.status-text{font-family:var(--font-body);font-size:1rem;color:var(--silver);font-style:italic}.status-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--warm-amber);animation:dotPulse 1.5s ease-in-out infinite}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.success-section,.error-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-xl)}.success-icon{color:var(--warm-amber);animation:scaleIn .6s var(--ease-bounce)}.success-title,.error-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--cream)}.success-text,.error-text{font-family:var(--font-body);font-size:1.1rem;color:var(--silver);max-width:500px}.error-icon{color:#fca5a5;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.action-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;justify-content:center}.action-buttons .btn{display:flex;align-items:center;gap:var(--spacing-xs)}@media (max-width: 768px){.video-generator-card{padding:var(--spacing-lg)}.progress-percentage{font-size:2rem}.reel-circle{width:70px;height:70px}.reel-center{width:20px;height:20px}.frame{width:30px;height:45px}.success-title,.error-title{font-size:2rem}.action-buttons{flex-direction:column;width:100%}.action-buttons .btn{width:100%}}.app{min-height:100vh;position:relative;padding-bottom:var(--spacing-xl)}.main-content{padding-top:var(--spacing-xl)}.progress-track{display:flex;align-items:center;justify-content:center;max-width:800px;margin:0 auto var(--spacing-xl);padding:var(--spacing-lg);animation:fadeInUp .6s var(--ease-smooth)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);opacity:.4;transition:all .6s var(--ease-smooth)}.progress-step.active,.progress-step.completed{opacity:1}.step-number{width:60px;height:60px;border-radius:50%;background:var(--deep-navy);border:2px solid var(--slate);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;transition:all .6s var(--ease-smooth);position:relative}.progress-step.active .step-number{background:var(--gradient-accent);border-color:var(--warm-amber);color:var(--midnight);box-shadow:var(--shadow-glow);animation:pulse 2s ease-in-out infinite}.progress-step.completed .step-number{background:var(--warm-amber);border-color:var(--warm-amber);color:var(--midnight)}.progress-step.completed .step-number:after{content:"✓";position:absolute;font-size:1.5rem}.step-label{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.progress-line{flex:1;height:2px;background:var(--slate);margin:0 var(--spacing-sm);position:relative;overflow:hidden}.progress-step.completed~.progress-line:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-accent);animation:fillLine .6s var(--ease-smooth) forwards}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fillLine{0%{transform:translate(-100%)}to{transform:translate(0)}}.content-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.content-grid:has(.step-container:not(.full-width)){grid-template-columns:repeat(2,1fr)}.step-container{animation:fadeInUp .8s var(--ease-smooth) backwards}.step-container.full-width{grid-column:1 / -1}.action-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);justify-content:flex-end}.btn{padding:1rem 2rem;font-family:var(--font-mono);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;cursor:pointer;transition:all .3s var(--ease-smooth);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-accent);color:var(--midnight);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px #d4a57466}.btn-secondary{background:var(--deep-navy);color:var(--cream);border:2px solid var(--slate)}.btn-secondary:hover{border-color:var(--warm-amber);color:var(--warm-amber)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.deco-circle{position:fixed;border-radius:50%;background:radial-gradient(circle,rgba(212,165,116,.1) 0%,transparent 70%);pointer-events:none;z-index:-1}.deco-circle-1{width:600px;height:600px;top:-200px;right:-200px;animation:float 20s ease-in-out infinite}.deco-circle-2{width:400px;height:400px;bottom:-100px;left:-100px;animation:float 15s ease-in-out infinite reverse}.deco-line{position:fixed;width:2px;height:100vh;background:linear-gradient(180deg,transparent 0%,var(--slate) 50%,transparent 100%);pointer-events:none;z-index:-1;opacity:.3}.deco-line-1{left:20%}.deco-line-2{right:20%}@media (max-width: 968px){.content-grid:has(.step-container:not(.full-width)){grid-template-columns:1fr}.progress-track{padding:var(--spacing-sm)}.step-number{width:50px;height:50px;font-size:1rem}.step-label{font-size:.75rem}.action-buttons{flex-direction:column}.btn{width:100%}}@media (max-width: 640px){.progress-track{flex-direction:column;gap:var(--spacing-md)}.progress-line{width:2px;height:40px;margin:0}.progress-step.completed~.progress-line:before{animation:fillLineVertical .6s var(--ease-smooth) forwards}@keyframes fillLineVertical{0%{transform:translateY(-100%)}to{transform:translateY(0)}}}:root{--midnight: #0a0e27;--deep-navy: #141b3b;--slate: #1e2749;--warm-amber: #d4a574;--bright-amber: #f4c98a;--cream: #faf8f3;--silver: #9ca3af;--gold: #c9a65c;--gradient-primary: linear-gradient(135deg, #0a0e27 0%, #1e2749 100%);--gradient-accent: linear-gradient(135deg, #d4a574 0%, #f4c98a 100%);--gradient-overlay: linear-gradient(180deg, rgba(10, 14, 39, 0) 0%, rgba(10, 14, 39, .8) 100%);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .12);--shadow-hard: 0 8px 32px rgba(0, 0, 0, .24);--shadow-glow: 0 0 40px rgba(212, 165, 116, .2);--font-display: "Playfair Display", serif;--font-body: "Crimson Pro", serif;--font-mono: "Space Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--midnight);color:var(--cream);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.3;animation:grain .3s steps(3) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--deep-navy)}::-webkit-scrollbar-thumb{background:var(--warm-amber);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--bright-amber)}::selection{background:var(--warm-amber);color:var(--midnight)}*:focus-visible{outline:2px solid var(--warm-amber);outline-offset:3px}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--spacing-lg: 2rem;--spacing-xl: 3rem}}