:root{--brand-primary: #E31F26;--brand-secondary: #FFD700;--brand-accent: #050505;--brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, #8B1317 100%);--bg-main: #020202;--bg-card: #0A0A0A;--bg-sidebar: #080808;--text-main: #ffffff;--text-muted: #666666;--text-gray: #5A5A5A;--border-subtle: rgba(255, 255, 255, .05);--glass: rgba(255, 255, 255, .03);--input-bg: #000000}[data-theme=light]{--brand-accent: #f8f9fa;--bg-main: #f3f4f6;--bg-card: #ffffff;--bg-sidebar: #ffffff;--text-main: #111827;--text-muted: #6b7280;--text-gray: #4b5563;--border-subtle: rgba(0, 0, 0, .08);--glass: rgba(0, 0, 0, .04);--input-bg: #f9fafb}body{background-color:var(--brand-accent);color:#fff;margin:0;padding:0}[contenteditable]:focus{outline:none;border-bottom:2px solid var(--brand-primary)}.sidebar-transition{transition:width .3s cubic-bezier(.4,0,.2,1)}.glass{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shadow-brand{box-shadow:0 20px 40px -15px var(--brand-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{opacity:.3;filter:blur(20px)}50%{opacity:.6;filter:blur(40px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;margin:0;overflow-x:hidden}.bg-mesh{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0% 0%,rgba(227,31,38,.08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(255,215,0,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}.page-transition{animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}.saas-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);transition:all .5s cubic-bezier(.16,1,.3,1)}.saas-card:hover{border-color:#e31f264d;transform:translateY(-5px) scale(1.01);box-shadow:0 30px 60px -12px #000000b3}.saas-button-primary{background:var(--brand-primary);color:#fff;padding:16px 32px;border-radius:18px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;font-size:10px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px -5px #e31f2666;border:none;cursor:pointer}.saas-button-primary:hover{transform:scale(1.05);box-shadow:0 20px 40px -5px #e31f2699}.saas-input{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:20px;color:var(--text-main);padding:18px 24px;font-size:14px;transition:all .3s ease;width:100%}.saas-input:focus{background:#0009;border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 4px #e31f261a}.nav-link{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:20px;color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;border:none;background:transparent;cursor:pointer;width:100%}.nav-link.active{background:#e31f261a;color:#fff;border-left:4px solid var(--brand-primary)}.nav-link:hover:not(.active){color:#fff;background:#ffffff0d}.device-phone{width:320px;height:640px;background:#000;border-radius:50px;border:12px solid #1a1a1a;box-shadow:0 50px 100px -20px #000000e6;position:relative;overflow:hidden;margin:0 auto}.device-phone:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:30px;background:#1a1a1a;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:10}.animate-float{animation:float 6s ease-in-out infinite}.glow-btn{position:relative}.glow-btn:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,var(--brand-primary),var(--brand-secondary));z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s;border-radius:inherit}.glow-btn:hover:after{opacity:.5}.text-gradient{background:linear-gradient(to bottom right,#fff 30%,#fff3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glow-text{text-shadow:0 0 30px rgba(227,31,38,.5)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}