:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--color-bg: #050505;--color-surface-1: #121212;--color-surface-2: #1e1e1e;--color-primary: #dc2626;--color-primary-hover: #b91c1c;--color-text-main: #f5f5f5;--color-text-muted: #a3a3a3;--color-accent: #fcd34d;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--border-radius: 8px;--shadow-glow: 0 0 20px rgba(220, 38, 38, .3)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{line-height:1.1;font-weight:700;color:#fff}button{border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:.8em 1.5em;font-size:1em;font-weight:600;font-family:inherit;background:linear-gradient(180deg,#1e1e1ecc,#0a0a0ae6);color:var(--color-text-main);box-shadow:inset 0 1px #ffffff26,0 4px 6px #0000004d;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden}button:hover{border-color:var(--color-primary);box-shadow:inset 0 1px #fff3,0 0 15px #dc262666;transform:translateY(-1px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.bg-surface{background:var(--color-surface-1)}.flex-center{display:flex;align-items:center;justify-content:center}.w-full{width:100%}@keyframes studioLightMove{0%{background-position:85% 50%}45%{background-position:15% 50%}65%{background-position:50% 50%}90%{background-position:50% 50%;opacity:1}to{background-position:50% 50%;opacity:0;visibility:hidden}}@keyframes contentIn{to{opacity:1;transform:scale(1);filter:blur(0)}}.hero-bg-container{position:absolute;inset:0;overflow:hidden;z-index:0}.hero-bg-image{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.studio-overlay{position:fixed;inset:0;background:linear-gradient(90deg,#000 0%,#000 45%,transparent 48%,rgba(255,255,255,.1) 50%,transparent 52%,#000 55%,#000 100%);background-size:400% 100%;z-index:50;animation:studioLightMove 4s cubic-bezier(.45,0,.15,1) forwards;pointer-events:none}.landing-content-static{opacity:1}@keyframes modalBackdropFade{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(2.5);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.modal-backdrop{animation:modalBackdropFade .5s ease-out forwards}.modal-content{animation:modalZoomIn .6s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.glass-panel{background:linear-gradient(135deg,#ffffff1a,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000080,inset 0 1px 1px #fff3;border-radius:24px}.glass-card{background:linear-gradient(135deg,#ffffff14,#ffffff03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff26;border-radius:20px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.glass-card:hover{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-color:#dc262680;box-shadow:0 12px 40px #dc262633,inset 0 1px 1px #ffffff4d;transform:translateY(-4px) scale(1.01)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.recharts-default-tooltip{background-color:#0a0a0ae6!important;border:1px solid #333!important;border-radius:8px!important;box-shadow:0 4px 12px #00000080!important}@keyframes pulseSlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.animate-pulse-slow{animation:pulseSlow 6s ease-in-out infinite}@media(max-width:768px){.mobile-hidden,.desktop-only{display:none!important}body{font-size:14px;overflow-x:hidden}}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block}}