:root{--color-bg-dark: #0a0a0a;--color-bg-gradient-start: #0a0a0a;--color-bg-gradient-end: #1a1a2e;--color-primary: #4a9eff;--color-primary-hover: #3a7ecc;--color-accent: #a64aff;--color-text-main: #ffffff;--color-text-muted: #aaaaaa;--color-border: rgba(255, 255, 255, .1);--color-surface: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .1);--color-success: #4caf50;--color-error: #ff4a4a;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--spacing-xxl: 80px;--max-width: 1200px;--nav-height: 100px}*{box-sizing:border-box;margin:0;padding:0}.lobby-container{width:100vw;min-height:100vh;background:linear-gradient(to bottom,var(--color-bg-gradient-start),var(--color-bg-gradient-end));color:var(--color-text-main);font-family:var(--font-family);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.btn{border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:16px 32px;font-size:18px}.btn-block{width:100%;display:flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lobby-nav{height:var(--nav-height);display:flex;align-items:center;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border)}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-brand{display:flex;align-items:center;gap:var(--spacing-md)}.nav-logo{height:80px;width:auto;filter:invert(1)}.nav-title{font-size:24px;font-weight:700;background:linear-gradient(to right,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-section{padding:100px 0;text-align:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2}.hero-title{font-size:64px;line-height:1.1;margin-bottom:var(--spacing-lg);background:linear-gradient(to right,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle-main{font-size:48px;line-height:1.1;margin-bottom:var(--spacing-lg);color:#fff;background:none;-webkit-text-fill-color:white}.hero-description{font-size:20px;color:var(--color-text-muted);max-width:700px;margin:0 auto var(--spacing-xl);line-height:1.6}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:radial-gradient(circle at 50% 50%,rgba(74,158,255,.1) 0%,transparent 60%);pointer-events:none}.features-section{padding:var(--spacing-xxl) 0;background:#ffffff05}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.feature-card{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);background:var(--color-surface-hover)}.feature-icon{font-size:48px;color:var(--color-primary);margin-bottom:var(--spacing-md)}.feature-card h3{font-size:24px;margin-bottom:var(--spacing-md);color:var(--color-text-main)}.feature-card p{color:var(--color-text-muted);line-height:1.5}.lobby-footer{padding:var(--spacing-xl) 0;text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);font-size:14px}@media (max-width: 768px){.hero-title{font-size:40px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column;width:100%}.nav-title{display:none}.btn-lg{width:100%}}