:root{--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--bg-deep: #05070f;--bg-base: #090d1a;--bg-card: rgba(16, 24, 48, .5);--bg-card-hover: rgba(24, 36, 72, .65);--bg-overlay: rgba(5, 7, 15, .8);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .15);--color-event: #38bdf8;--color-event-rgb: 56, 189, 248;--color-meal: #34d399;--color-meal-rgb: 52, 211, 153;--color-drink: #f59e0b;--color-drink-rgb: 245, 158, 11;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-light: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .08);--border-glass-focused: rgba(255, 255, 255, .2);--glass-blur: blur(12px);--shadow-premium: 0 10px 30px -5px rgba(0, 0, 0, .5), 0 4px 12px -5px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--sidebar-width: 260px;--header-height: 70px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(56,189,248,.05) 0%,transparent 40%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.01em}h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#ffffff 30%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1.6rem;font-weight:700;color:#fff}p{line-height:1.6;color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:16px;padding:24px;box-shadow:var(--shadow-premium);transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff1f;background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 14px 40px -8px #0009,0 0 25px #6366f10d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;box-shadow:0 4px 12px #6366f14d,var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166,0 0 30px #6366f140;background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border-color:var(--border-glass)}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.form-group{margin-bottom:18px}.form-label{display:block;font-family:var(--font-heading);font-weight:500;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:#0a0f1e99;border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);background:#0a0f1ecc;box-shadow:0 0 0 3px #6366f126}.badge-event{background:rgba(var(--color-event-rgb),.12);color:var(--color-event);border:1px solid rgba(var(--color-event-rgb),.25)}.badge-meal{background:rgba(var(--color-meal-rgb),.12);color:var(--color-meal);border:1px solid rgba(var(--color-meal-rgb),.25)}.badge-drink{background:rgba(var(--color-drink-rgb),.12);color:var(--color-drink);border:1px solid rgba(var(--color-drink-rgb),.25)}.app-container{display:flex;min-height:100vh}.main-content{flex:1;padding:30px;margin-left:var(--sidebar-width);min-height:100vh;transition:var(--transition-smooth)}@media (max-width: 1024px){.main-content{margin-left:0;padding-top:calc(var(--header-height) + 20px);padding-left:20px;padding-right:20px}}.marketing-page{background-color:var(--bg-deep);min-height:100vh;position:relative;overflow-x:hidden}.marketing-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px;background-position:center;mask-image:radial-gradient(circle at center,black 40%,transparent 85%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 85%);pointer-events:none;z-index:1}.marketing-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(140px);opacity:.12;pointer-events:none;z-index:1}.glow-primary{background-color:var(--primary);top:10%;left:-10%}.glow-secondary{background-color:var(--color-event);bottom:10%;right:-10%}.shimmer-text{background:linear-gradient(to right,#ffffff 20%,var(--primary) 50%,var(--color-event) 80%,#ffffff 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 6s linear infinite}@keyframes shine{to{background-position:200% center}}.marketing-nav{position:sticky;top:0;width:100%;height:var(--header-height);background:#05070fb3;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100;transition:var(--transition-smooth)}.marketing-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.marketing-hero{padding:100px 0 80px;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto}.hero-tag{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#818cf8;padding:6px 16px;border-radius:99px;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:24px;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hero-title{font-size:4.2rem;line-height:1.1;margin-bottom:24px;font-weight:900;letter-spacing:-.03em}@media (max-width: 768px){.hero-title{font-size:2.8rem}.marketing-nav{padding:0 20px}}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:650px;margin-bottom:40px;line-height:1.6}.hero-actions{display:flex;gap:16px}@media (max-width: 480px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}.marketing-features{padding:80px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-title{font-size:2.4rem;font-weight:800;margin-bottom:16px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.feature-card-glow{position:absolute;top:0;left:0;right:0;height:4px;border-top-left-radius:16px;border-top-right-radius:16px}.glow-event{background:var(--color-event)}.glow-meal{background:var(--color-meal)}.glow-drink{background:var(--color-drink)}.marketing-timeline{padding:80px 0}.timeline-flow{display:flex;justify-content:space-between;gap:40px;margin-top:50px}@media (max-width: 900px){.timeline-flow{flex-direction:column;gap:30px}}.timeline-card{flex:1;text-align:left;position:relative}.step-number{width:44px;height:44px;border-radius:50%;background:var(--bg-deep);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:#fff;margin-bottom:20px;box-shadow:0 0 15px #6366f133}.marketing-cta-section{padding:100px 0 140px}.cta-box{padding:60px 40px;text-align:center;max-width:900px;margin:0 auto;border:1px solid var(--border-glass-focused);background:radial-gradient(circle at top,rgba(99,102,241,.08) 0%,transparent 60%),var(--bg-card)}.marketing-footer{border-top:1px solid var(--border-glass);padding:40px 0;background-color:#030409}.footer-content{display:flex;justify-content:space-between;align-items:center}@media (max-width: 600px){.footer-content{flex-direction:column;gap:20px;text-align:center}}