:root{--attrio-50: #F3EEFF;--attrio-100: #E5DBFF;--attrio-200: #CDBDFF;--attrio-300: #A98BF5;--attrio-400: #8B5CF6;--attrio-500: #7C3AED;--attrio-600: #6C3CE1;--attrio-700: #5B21B6;--attrio-800: #4C1D95;--attrio-900: #3B0F80;--surface: #F5F6F8;--card: #FFFFFF;--sidebar: #12141C;--sidebar-hover: #1E2030;--sidebar-active: rgba(108, 60, 225, .12);--border: #E5E7EB;--border-subtle: rgba(0, 0, 0, .06);--text: #1A1D26;--text-secondary: #6B7280;--text-muted: #9CA3AF;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", sans-serif;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: .875rem;--radius-2xl: 1rem;--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .04), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-hover: 0 4px 12px -2px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .04);--shadow-elevated: 0 8px 24px -4px rgb(0 0 0 / .12)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface);color:var(--text);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.01em;line-height:1.2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#0003}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:#ffffff14}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff26}:focus-visible{outline:2px solid var(--attrio-500);outline-offset:2px}::selection{background-color:var(--attrio-100);color:var(--attrio-900)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .2s ease-out forwards}.animate-slide-up{animation:slideUp .25s ease-out forwards}.animate-scale-in{animation:scaleIn .2s ease-out forwards}.nav-active-indicator{position:relative}.nav-active-indicator:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--attrio-500);border-radius:0 4px 4px 0}.glass{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-dark{background:#12141cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.text-gradient-attrio{background:linear-gradient(135deg,var(--attrio-400),var(--attrio-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-glow:hover{box-shadow:0 0 20px -4px #6c3ce159}.noise-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.transition-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}