.page-module___8aEwW__page{flex-direction:column;min-height:calc(100vh - 60px);display:flex}.page-module___8aEwW__hero{text-align:center;padding:var(--spacing-xl)var(--spacing-md);max-width:800px;margin:0 auto;padding-top:80px}.page-module___8aEwW__title{margin-bottom:var(--spacing-md);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.page-module___8aEwW__highlight{color:var(--accent-primary)}.page-module___8aEwW__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.page-module___8aEwW__inputContainer{gap:var(--spacing-sm);max-width:600px;margin:0 auto var(--spacing-md);display:flex}.page-module___8aEwW__urlInput{padding:var(--spacing-md)var(--spacing-lg);background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast);flex:1}.page-module___8aEwW__urlInput:focus{border-color:var(--accent-primary);outline:none}.page-module___8aEwW__urlInput::placeholder{color:var(--text-muted)}.page-module___8aEwW__shuffleBtn{padding:var(--spacing-md)var(--spacing-xl);background-color:var(--accent-primary);color:#fff;font-size:var(--font-size-md);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);white-space:nowrap;font-weight:600}.page-module___8aEwW__shuffleBtn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px)}.page-module___8aEwW__shuffleBtn:disabled{opacity:.7;cursor:not-allowed}.page-module___8aEwW__demoLink{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);max-width:600px;margin-left:auto;margin-right:calc(50% - 200px)}.page-module___8aEwW__demoBtn{color:var(--accent-primary);font-size:var(--font-size-sm);text-decoration:underline}.page-module___8aEwW__demoBtn:hover{color:var(--accent-hover)}.page-module___8aEwW__howItWorks{padding:var(--spacing-xl)var(--spacing-md);background-color:var(--bg-secondary);margin-top:var(--spacing-xl)}.page-module___8aEwW__sectionTitle{text-align:center;font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl)}.page-module___8aEwW__steps{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1000px;margin:0 auto;display:grid}.page-module___8aEwW__step{text-align:center;padding:var(--spacing-lg)}.page-module___8aEwW__stepIcon{width:64px;height:64px;margin:0 auto var(--spacing-md);background-color:var(--bg-elevated);color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.page-module___8aEwW__stepTitle{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);font-weight:600}.page-module___8aEwW__stepDesc{color:var(--text-secondary);font-size:var(--font-size-sm)}.page-module___8aEwW__features{gap:var(--spacing-md);padding:var(--spacing-xl)var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1000px;margin:0 auto;display:grid}.page-module___8aEwW__feature{padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);transition:transform var(--transition-fast)}.page-module___8aEwW__feature:hover{transform:translateY(-4px)}.page-module___8aEwW__feature h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.page-module___8aEwW__feature p{color:var(--text-secondary);font-size:var(--font-size-sm)}@media (max-width:600px){.page-module___8aEwW__inputContainer{flex-direction:column}.page-module___8aEwW__shuffleBtn{width:100%}.page-module___8aEwW__hero{padding-top:40px}}