.home-main{min-height:calc(100vh - var(--navbar-height));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-gradient{background:radial-gradient(ellipse 80% 60% at 20% 30%, #4e1fad40, transparent 60%), radial-gradient(ellipse 60% 50% at 75% 25%, #1791cf33, transparent 55%), radial-gradient(ellipse 70% 55% at 50% 75%, #c91d5633, transparent 55%), radial-gradient(ellipse 50% 40% at 85% 70%, #f2a60d1f, transparent 50%), var(--gradient-hero);animation:heroGradient 18s var(--ease-in-out) infinite;background-size:200% 200%;position:absolute;inset:0}.hero-beads-decoration{z-index:0;pointer-events:none;position:absolute;inset:0}.floating-pixel-art{animation:6s ease-in-out infinite alternate floatPixelArt}@keyframes floatPixelArt{0%{transform:translateY(0) scale(var(--scale,1)) rotate(var(--rotate,0))}to{transform:translateY(-20px) scale(var(--scale,1)) rotate(var(--rotate,0))}}@keyframes heroGradient{0%,to{background-position:0%}25%{background-position:50% 0}50%{background-position:100%}75%{background-position:50% 100%}}@keyframes heroOrbs{0%{transform:translate(0)scale(1)}50%{transform:translate(20px,-15px)scale(1.05)}to{transform:translate(-10px,10px)scale(.97)}}.home-content-wrapper{z-index:1;width:100%;max-width:900px;padding:0 var(--space-6);gap:var(--space-8);flex-direction:column;display:flex;position:relative}.hero-content{max-width:720px;margin:0 auto}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent-primary);border-radius:var(--radius-full);background:#8451ec1a;border:1px solid #8451ec33;display:inline-flex}.hero-badge .dot{background:var(--accent-primary);width:6px;height:6px;animation:pulse 2s var(--ease-in-out) infinite;border-radius:50%}.hero-title{font-size:clamp(var(--fs-2xl), 4vw, var(--fs-4xl));font-weight:var(--fw-black);margin-bottom:var(--space-3);background:linear-gradient(135deg,#ff6b8b 0%,#8a2be2 50%,#00f2fe 100%) 0 0/200%;-webkit-text-fill-color:transparent;animation:fadeInDown var(--duration-slow) var(--ease-out) .1s both, gradientShift 5s ease infinite;-webkit-background-clip:text;background-clip:text;line-height:1.1}.hero-subtitle{font-size:clamp(var(--fs-sm), 1.5vw, var(--fs-base));color:var(--text-secondary);line-height:var(--lh-relaxed);animation:fadeInDown var(--duration-slow) var(--ease-out) .2s both}.features-grid{gap:var(--space-8);animation:fadeInUp var(--duration-slow) var(--ease-out) .3s both;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%;display:grid}.feature-card{padding:var(--space-8);border-radius:var(--radius-2xl);text-align:left;transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);color:inherit;background:var(--bg-elevated);border:1px solid var(--glass-border);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.card-glow{filter:blur(60px);z-index:0;opacity:.3;border-radius:50%;width:200px;height:200px;transition:opacity .3s,transform .5s;position:absolute;top:-50px;right:-50px}.card-glow-convert{background:#ff6b8b}.card-glow-editor{background:#00f2fe}.feature-card:hover .card-glow{opacity:.6;transform:scale(1.2)}.feature-content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.feature-card:hover{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.feature-icon-wrapper{margin-bottom:var(--space-6);transition:transform var(--duration-normal) var(--ease-spring)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.05)translateY(-5px)}.feature-card-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-3);letter-spacing:-.01em}.feature-card-desc{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-8);flex-grow:1}.feature-card-action{margin-top:auto}.feature-card-action .btn{width:100%;font-weight:var(--fw-bold);padding:var(--space-3) var(--space-4);font-size:var(--fs-base);border-radius:var(--radius-md);justify-content:center;display:flex}.feature-icon--convert{color:var(--accent-secondary);background:linear-gradient(135deg,#2badee33,#8451ec33)}.feature-icon--editor{color:#ed457d;background:linear-gradient(135deg,#ea2e6d33,#fa942e33)}.feature-icon--palette{color:var(--accent-success);background:linear-gradient(135deg,#22c37333,#2badee33)}.feature-icon--export{color:var(--accent-warning);background:linear-gradient(135deg,#f9b11f33,#f4943433)}.feature-icon--community{color:var(--accent-primary);background:linear-gradient(135deg,#8451ec33,#e444c933)}.feature-icon--responsive{color:var(--accent-danger);background:linear-gradient(135deg,#e7404033,#ea2e6d33)}.feature-card h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-3)}.feature-card p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}.steps-list{gap:var(--space-8);counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.step-item{text-align:center;counter-increment:step;padding:var(--space-6);position:relative}.step-item:before{content:counter(step, decimal-leading-zero);font-size:var(--fs-4xl);font-weight:var(--fw-black);background:var(--gradient-rainbow);-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);background-size:200%;-webkit-background-clip:text;background-clip:text;line-height:1;animation:5s linear infinite gradientShift;display:block}.step-item h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.step-item p{font-size:var(--fs-sm);color:var(--text-secondary)}@media (width>=769px){.step-item:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--accent-primary), transparent);opacity:.3;width:3rem;height:2px;position:absolute;top:2.5rem;right:-1.5rem}}.cta-banner{padding:var(--space-16) var(--space-8);border-radius:var(--radius-2xl);text-align:center;position:relative;overflow:hidden}.cta-banner:before{content:"";z-index:0;background:radial-gradient(70% 60% at 30% 40%,#6e30e826,#0000),radial-gradient(50% 50% at 70% 60%,#df20601f,#0000);position:absolute;inset:0}.cta-banner>*{z-index:1;position:relative}.cta-banner h2{font-size:clamp(var(--fs-2xl), 3vw, var(--fs-3xl));margin-bottom:var(--space-4)}.cta-banner p{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:480px;margin-inline:auto}.footer{padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--glass-border);margin-top:var(--space-16)}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-10);grid-template-columns:2fr repeat(3,1fr);display:grid}.footer-brand{align-items:center;gap:var(--space-3);font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--space-4);color:var(--text-primary);display:flex}.footer-about p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);max-width:320px}.footer-col h4{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);margin-bottom:var(--space-4)}.footer-col a{font-size:var(--fs-sm);color:var(--text-secondary);padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);display:block}.footer-col a:hover{color:var(--text-primary);transform:translate(4px)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--glass-border);font-size:var(--fs-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}.footer-social{gap:var(--space-3);display:flex}.footer-social a{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);font-size:var(--fs-md);transition:all var(--duration-fast) var(--ease-out);place-items:center;display:grid}.footer-social a:hover{color:var(--text-primary);background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px)}.reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:scale(.88)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>.reveal:first-child{transition-delay:0s}.stagger-children>.reveal:nth-child(2){transition-delay:80ms}.stagger-children>.reveal:nth-child(3){transition-delay:.16s}.stagger-children>.reveal:nth-child(4){transition-delay:.24s}.stagger-children>.reveal:nth-child(5){transition-delay:.32s}.stagger-children>.reveal:nth-child(6){transition-delay:.4s}@media (width<=1024px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}@media (width<=768px){.hero{min-height:calc(100vh - var(--navbar-height));padding:var(--space-12) var(--space-4)}.hero-title{font-size:clamp(var(--fs-2xl), 7vw, var(--fs-4xl))}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;max-width:320px}.section{padding:var(--space-12) 0}.section-header{margin-bottom:var(--space-8)}.features-grid{gap:var(--space-4);grid-template-columns:1fr}.feature-card{padding:var(--space-6)}.steps-list{gap:var(--space-4);grid-template-columns:1fr}.footer-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}@media (width<=480px){.hero{padding:var(--space-10) var(--space-3)}.feature-card{padding:var(--space-5);border-radius:var(--radius-lg)}.cta-banner{padding:var(--space-10) var(--space-5);border-radius:var(--radius-xl)}}