:root{--color-bg: #000000;--color-bg-elevated: #0d0d0d;--color-bg-card: #141414;--color-text-primary: #ffffff;--color-text-secondary: #86868b;--color-text-tertiary: #6e6e73;--color-accent: #2997ff;--color-accent-hover: #0077ed;--color-border: #1d1d1f;--color-border-subtle: #2d2d2f;--font-primary: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', sans-serif;--font-text: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', sans-serif;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--transition-smooth: cubic-bezier(0.4, 0, 0.2, 1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-weight:400;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh}main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg)}.content{width:100%;max-width:720px;text-align:center}.title{font-size:clamp(4rem, 12vw, 8rem);font-weight:600;letter-spacing:-0.03em;line-height:1;margin-bottom:var(--space-md);background:linear-gradient(180deg, #fff 0%, #86868b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn 1s var(--transition-smooth) both}.subtitle{font-family:var(--font-text);font-size:clamp(1.25rem, 3vw, 1.75rem);font-weight:400;color:var(--color-text-secondary);line-height:1.4;margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto;animation:fadeIn 1s var(--transition-smooth) 0.2s both}.placeholder-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;padding:var(--space-2xl);margin-bottom:var(--space-2xl);min-height:280px;display:flex;align-items:center;justify-content:center;animation:fadeIn 1s var(--transition-smooth) 0.4s both;transition:border-color 0.3s var(--transition-smooth)}.placeholder-section:hover{border-color:var(--color-border-subtle)}.placeholder-text{color:var(--color-text-tertiary);font-size:1rem;font-family:var(--font-text)}.newsletter-section{animation:fadeIn 1s var(--transition-smooth) 0.6s both;padding-top:var(--space-xl)}.newsletter-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.newsletter-description{font-family:var(--font-text);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:1rem}.newsletter-form{display:flex;gap:var(--space-sm);max-width:480px;margin:0 auto}.newsletter-input{flex:1;padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);font-family:var(--font-text);font-size:1rem;transition:all 0.2s var(--transition-smooth)}.newsletter-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-card)}.newsletter-input::placeholder{color:var(--color-text-tertiary)}.newsletter-button{padding:var(--space-md) var(--space-xl);background:var(--color-accent);border:none;border-radius:12px;color:#ffffff;font-family:var(--font-primary);font-weight:500;font-size:1rem;cursor:pointer;transition:all 0.2s var(--transition-smooth);white-space:nowrap}.newsletter-button:hover{background:var(--color-accent-hover)}.newsletter-button:active{transform:scale(0.98)}footer{margin-top:auto;padding:var(--space-xl) var(--space-lg);text-align:center}.footer-text{font-family:var(--font-text);color:var(--color-text-tertiary);font-size:0.875rem}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){main{padding:var(--space-lg) var(--space-md);justify-content:flex-start;padding-top:20vh}.placeholder-section{padding:var(--space-xl);min-height:200px}.newsletter-form{flex-direction:column}.newsletter-input,.newsletter-button{width:100%}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}