:root{--op-blue: #2e6bff;--op-blue-600: #1f55e6;--op-blue-700: #1c46b8;--op-blue-400: #4c87ff;--op-blue-300: #8fb6ff;--op-blue-100: #dbe7ff;--op-blue-50: #f2f6ff;--op-ink: #0f1f4e;--op-navy: #05070e;--op-navy-800: #0b1020;--op-navy-700: #121a33;--op-white: #ffffff;--op-gray-25: #fbfcfe;--op-gray-50: #f6f8fc;--op-gray-100: #eef2f8;--op-gray-200: #e1e7f0;--op-gray-300: #cbd4e2;--op-gray-400: #9aa6bc;--op-gray-500: #6b778f;--op-gray-600: #4b5568;--op-gray-700: #333c4e;--op-gray-900: #0a0f1f;--op-success: #12b981;--op-success-bg: #e7f8f1;--op-warning: #f59e0b;--op-warning-bg: #fff5e0;--op-danger: #ef4444;--op-danger-bg: #fdecec;--op-info: #0ea5e9;--op-info-bg: #e6f6fd;--op-violet: #7c5cff;--op-violet-bg: #f0ecff;--op-gradient-brand: linear-gradient(135deg, #8fb6ff 0%, #4c87ff 35%, #2e6bff 60%, #1c46b8 100%);--op-gradient-cta: linear-gradient(120deg, #2e6bff 0%, #4c87ff 45%, #7c5cff 100%);--op-gradient-night: radial-gradient(1200px 600px at 70% -10%, rgba(46, 107, 255, .35), transparent 60%), #05070e;--op-font-head: "Space Grotesk", "Cairo", system-ui, sans-serif;--op-font-body: "Inter", "Cairo", system-ui, sans-serif;--op-radius-xs: 6px;--op-radius-sm: 10px;--op-radius: 16px;--op-radius-lg: 24px;--op-radius-xl: 32px;--op-radius-pill: 999px;--op-shadow-sm: 0 1px 2px rgba(15, 31, 78, .06), 0 1px 3px rgba(15, 31, 78, .08);--op-shadow: 0 4px 12px rgba(15, 31, 78, .08), 0 2px 4px rgba(15, 31, 78, .04);--op-shadow-lg: 0 24px 48px -12px rgba(15, 31, 78, .18);--op-ring: 0 0 0 3px rgba(46, 107, 255, .25);--op-maxw: 1240px;--op-gutter: clamp(16px, 4vw, 32px);--op-ease: cubic-bezier(.22, 1, .36, 1)}[dir=rtl]{--op-font-head: "Cairo", "Space Grotesk", system-ui, sans-serif;--op-font-body: "Cairo", "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--op-font-body);color:var(--op-gray-900);background:var(--op-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--op-font-head);margin:0;line-height:1.15;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--op-blue);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}