*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAFAFA;--bg-2: #F0EEF8;--bg-3: #EAEAEF;--bg-4: #F7F7FA;--surface: rgba(107,79,187,.06);--surface-hover: rgba(107,79,187,.12);--surface-card: #fff;--surface-card-2: #F0F0F5;--border: rgba(31,30,36,.1);--border-glow: rgba(252,109,38,.4);--text: #1F1E24;--text-muted: rgba(31,30,36,.5);--text-subtle: #999;--accent: #FC6D26;--accent-2: #E24329;--accent-3: #6B4FBB;--glow: rgba(252,109,38,.12);--navbar-bg: rgba(250,250,250,.88);--navbar-mobile-bg: rgba(250,250,250,.97);--font: "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 1px 2px rgba(31,30,36,.04), 0 1px 0 rgba(31,30,36,.02);--shadow-md: 0 2px 8px rgba(31,30,36,.06), 0 1px 2px rgba(31,30,36,.04);--shadow-lg: 0 4px 16px rgba(31,30,36,.06), 0 2px 4px rgba(31,30,36,.04);--shadow-xl: 0 8px 32px rgba(31,30,36,.08), 0 2px 8px rgba(31,30,36,.04);--transition-fast: .2s cubic-bezier(.4,0,.2,1);--transition-base: .25s cubic-bezier(.4,0,.2,1);--transition-slow: .35s cubic-bezier(.4,0,.2,1);--sidebar-w: 240px}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;scroll-behavior:smooth}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{transform:translateY(-80px) translate(-10px) scale(.8);opacity:0}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slide-right{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes card-float-1{0%,to{transform:translateY(0) translate(0) rotate(-2deg)}50%{transform:translateY(-22px) translate(8px) rotate(0)}}@keyframes card-float-2{0%,to{transform:translateY(0) translate(0) rotate(3deg)}50%{transform:translateY(-16px) translate(-6px) rotate(1deg)}}@keyframes card-float-3{0%,to{transform:translateY(0) translate(0) rotate(-1deg)}50%{transform:translateY(-28px) translate(4px) rotate(2deg)}}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-rotate-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}