:root{--bg-black:#020204}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 50% 25%,#08080f 0,#020204 80%,#000 100%);color:#fff}#watermark-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#020204}::-webkit-scrollbar-thumb{background:#111115;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#22222a}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dot-pattern{background-image:radial-gradient(rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px;position:fixed;inset:0;z-index:2;pointer-events:none}.filter-anim{transition:all .4s cubic-bezier(.25, 1, .5, 1)}.scale-out{transform:translateY(10px) scale(.99);opacity:0;pointer-events:none}.saas-card{background:linear-gradient(180deg,#0e0d16 0,#08080c 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.16, 1, .3, 1)}.saas-card:hover{transform:translateY(-6px);border-color:rgba(168,85,247,.45);box-shadow:0 20px 50px rgba(139,92,246,.15)}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.25,1,.5,1) forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}