.hero{z-index:1;padding-top:calc(var(--header-height) + var(--space-20));padding-bottom:var(--space-24);justify-content:center;align-items:center;min-height:90vh;display:flex;position:relative}.hero-inner{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;width:100%;max-width:900px;display:flex}.hero-logo-container{margin-bottom:var(--space-2);opacity:0;justify-content:center;align-items:center;display:flex}.hero-flower-logo{object-fit:contain;width:96px;height:96px;animation:6s ease-in-out infinite float}.hero-title{font-size:var(--font-size-6xl);letter-spacing:-.04em;opacity:0;max-width:800px;color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.1}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);opacity:0;max-width:680px;margin-top:var(--space-2);font-weight:400;line-height:1.6}.generator-card{width:100%;margin-top:var(--space-8);opacity:0;flex-direction:column;align-items:center;display:flex}.generator-content{border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;padding:var(--space-4);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);box-shadow:var(--shadow-md);gap:var(--space-4);background:#14141466;flex-direction:column;display:flex}.generator-content:focus-within{border-color:var(--color-border-brand);box-shadow:0 0 0 1px var(--color-border-brand), var(--shadow-lg);background:#19191999}.prompt-input-wrapper{border-radius:var(--radius-lg);width:100%;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);background:#00000040;border:1px solid #ffffff0d}.prompt-input-wrapper:focus-within{background:#0006;border-color:#ffffff1f;box-shadow:inset 0 2px 10px #0003}.prompt-input{width:100%;color:var(--color-text-primary);font-size:var(--font-size-lg);resize:none;background:0 0;border:none;border-radius:0;outline:none;padding:0;line-height:1.6}.prompt-input::placeholder{color:#ffffff40;font-weight:300}.generator-controls{width:100%;padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.model-selector-minimal{gap:var(--space-2);display:flex}.model-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-tertiary);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;font-weight:600}.model-badge:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.model-badge.active{color:#000;background:#fff;border-color:#fff}.hero-model-disclosure{margin:var(--space-2) var(--space-2) 0;color:var(--color-text-tertiary);font-size:11px;line-height:1.5}.generate-btn-premium{justify-content:center;align-items:center;gap:var(--space-3);color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:999px;padding:12px 28px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #ffffff1a}.generate-btn-premium:before{content:"";pointer-events:none;background:linear-gradient(90deg,#aa8df200 0%,#aa8df240 50%,#aa8df200 100%);width:50%;height:100%;animation:4s cubic-bezier(.4,0,.2,1) infinite shimmerSweep;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shimmerSweep{0%{left:-100%}25%{left:200%}to{left:200%}}.generate-btn-premium:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 8px 24px #aa8df24d,0 0 0 1px #aa8df21a}.generate-btn-premium:active{transform:translateY(1px)scale(.98);box-shadow:0 2px 8px #aa8df233}.generate-text{letter-spacing:.02em;z-index:2;font-size:15px;font-weight:600;position:relative}.generate-icon-wrapper{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.generate-icon-wrapper svg{stroke-width:2.2px;width:16px;height:16px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.generate-btn-premium:hover .generate-icon-wrapper svg{transform:rotate(15deg)scale(1.15)}.example-tags-container{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.example-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:400}.example-pill:hover{color:var(--color-text-primary);border-color:var(--color-border);background:#ffffff0d}@media (max-width:768px){.hero{padding-top:calc(var(--header-height) + var(--space-10));padding-bottom:var(--space-12)}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-base)}.generator-controls{align-items:stretch;gap:var(--space-4);flex-direction:column}.model-selector-minimal{justify-content:center}.generate-btn-premium{justify-content:center;width:100%}}
.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:480px;padding:var(--space-10) var(--space-8);text-align:center;animation:.3s scaleIn;position:relative;overflow:hidden}.modal-content:before{content:"";background:linear-gradient(90deg, var(--color-brand), var(--color-accent-cyan), var(--color-accent-purple));height:3px;position:absolute;top:0;left:0;right:0}.modal-close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-tertiary);font-size:var(--font-size-base);transition:all var(--transition-fast);background:var(--color-bg-input);justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-card-hover)}.modal-illustration{margin-bottom:var(--space-6);position:relative}.modal-rocket{font-size:64px;animation:3s infinite float}.modal-sparkles{justify-content:space-between;width:120px;font-size:20px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.modal-sparkles span:first-child{animation:2s .2s infinite float}.modal-sparkles span:nth-child(2){animation:2.5s .5s infinite float}.modal-sparkles span:nth-child(3){animation:2s .8s infinite float}.modal-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:800}.modal-subtitle{font-size:var(--font-size-base);color:var(--color-brand-light);margin-bottom:var(--space-4);font-weight:600}.modal-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.7}.modal-bookmark-cta{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);text-align:left;background:#7c6cf00f;border:1px solid #7c6cf026;display:flex}.bookmark-icon-wrapper{border-radius:var(--radius-md);background:#7c6cf01a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bookmark-icon{font-size:24px}.bookmark-title{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600}.bookmark-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}.modal-action-btn{width:100%;padding:var(--space-3) var(--space-6);color:#fff;font-size:var(--font-size-base);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#7c6cf0,#6ea8fe);font-weight:600;box-shadow:0 4px 20px #7c6cf04d}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #7c6cf066}@media (max-width:480px){.modal-content{padding:var(--space-8) var(--space-5)}}
.features{z-index:1;padding:var(--space-24) 0;position:relative}.features-inner{gap:var(--space-20);flex-direction:column;display:flex}.features-header{text-align:center;max-width:700px;margin:0 auto}.features-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:#a855f7;margin-bottom:var(--space-6);background:#9333ea14;border:1px solid #9333ea33;align-items:center;font-weight:500;display:inline-flex}.features-title{font-size:var(--font-size-5xl);letter-spacing:-.03em;margin-bottom:var(--space-4);font-weight:800;line-height:1.15}.features-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7}.features-list{gap:var(--space-24);flex-direction:column;display:flex}.feature-item{gap:var(--space-16);opacity:0;grid-template-columns:1fr 1fr;align-items:center;transition:all .7s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(40px)}.feature-item.visible{opacity:1;transform:translateY(0)}.feature-item.reverse{direction:rtl}.feature-item.reverse>*{direction:ltr}.feature-content{gap:var(--space-4);flex-direction:column;display:flex}.feature-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-brand-light);text-transform:uppercase;letter-spacing:.05em;background:#7c6cf014;border:1px solid #7c6cf033;align-self:flex-start;font-weight:600;display:inline-flex}.feature-title{font-size:var(--font-size-3xl);letter-spacing:-.02em;font-weight:700;line-height:1.2}.feature-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8}.feature-image-wrapper{border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all var(--transition-slow);position:relative;overflow:hidden}.feature-image-wrapper:hover{border-color:var(--color-border-brand);box-shadow:var(--shadow-brand-intense);transform:translateY(-4px)}.feature-image-glow{pointer-events:none;background:radial-gradient(circle,#7c6cf014 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.feature-image{border-radius:var(--radius-xl);aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}@media (max-width:768px){.features{padding:var(--space-16) 0}.features-inner{gap:var(--space-12)}.features-title{font-size:var(--font-size-3xl)}.features-list{gap:var(--space-16)}.feature-item{gap:var(--space-6);grid-template-columns:1fr}.feature-item.reverse{direction:ltr}.feature-title{font-size:var(--font-size-2xl)}}
.explore{z-index:1;padding:var(--space-24) 0;position:relative}.explore-inner{gap:var(--space-12);flex-direction:column;display:flex}.explore-header{text-align:center;max-width:700px;margin:0 auto}.explore-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:#60a5fa;margin-bottom:var(--space-6);background:#3b82f614;border:1px solid #3b82f633;align-items:center;font-weight:500;display:inline-flex}.explore-title{font-size:var(--font-size-5xl);letter-spacing:-.03em;margin-bottom:var(--space-4);font-weight:800;line-height:1.15}.explore-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7}.explore-skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.explore-skeleton-card{aspect-ratio:16/10;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffff08;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.explore-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.explore{padding:var(--space-16) 0}.explore-title{font-size:var(--font-size-3xl)}.explore-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.explore-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}