:root{--color-white: #ffffff;--color-black: #1c1821;--color-gray: #e6ecef;--color-accent-blue: #689ef9;--color-accent-purple: #6e4ef4;--color-accent-dark-purple: #5135c4;--color-deep-purple: #572b86;--color-accent-light-purple: #8975f9;--color-purple-dark: #281735;--color-purple-deepest: #1c1821;--color-soft-blue: #b3e8ff;--accent-color: #000000;--accent-color-100: color-mix(in srgb, var(--accent-color) 10%, white);--accent-color-150: color-mix(in srgb, var(--accent-color) 20%, white);--accent-color-200: color-mix(in srgb, var(--accent-color) 30%, white);--accent-color-250: color-mix(in srgb, var(--accent-color) 40%, white);--accent-color-300: color-mix(in srgb, var(--accent-color) 50%, white);--accent-color-350: color-mix(in srgb, var(--accent-color) 60%, white);--accent-color-400: color-mix(in srgb, var(--accent-color) 70%, white);--accent-color-450: color-mix(in srgb, var(--accent-color) 80%, white);--accent-color-500: var(--accent-color);--accent-color-550: color-mix(in srgb, var(--accent-color) 90%, black);--accent-color-600: color-mix(in srgb, var(--accent-color) 80%, black);--accent-color-650: color-mix(in srgb, var(--accent-color) 70%, black);--accent-color-700: color-mix(in srgb, var(--accent-color) 60%, black);--accent-color-750: color-mix(in srgb, var(--accent-color) 50%, black);--accent-color-800: color-mix(in srgb, var(--accent-color) 40%, black);--accent-color-850: color-mix(in srgb, var(--accent-color) 30%, black);--accent-color-900: color-mix(in srgb, var(--accent-color) 20%, black);--accent-color-saturated: color-mix(in srgb, var(--accent-color) 80%, rgb(255, 0, 0));--accent-color-desaturated: color-mix(in srgb, var(--accent-color) 80%, gray);--accent-color-light: var(--accent-color-200);--accent-color-dark: var(--accent-color-800);--accent-gradient-light: linear-gradient(135deg, var(--accent-color-100), var(--accent-color-300), var(--accent-color-500));--accent-gradient-medium: linear-gradient(135deg, var(--accent-color-300), var(--accent-color-500), var(--accent-color-700));--accent-gradient-dark: linear-gradient(135deg, var(--accent-color-500), var(--accent-color-700), var(--accent-color-900));--accent-gradient-very-dark: linear-gradient(135deg, var(--accent-color-700), var(--accent-color-800), var(--accent-color-900));--accent-color-opacity-10: color-mix(in srgb, var(--accent-color) 10%, transparent);--accent-color-opacity-20: color-mix(in srgb, var(--accent-color) 20%, transparent);--accent-color-opacity-30: color-mix(in srgb, var(--accent-color) 30%, transparent);--accent-color-opacity-40: color-mix(in srgb, var(--accent-color) 40%, transparent);--accent-color-opacity-50: color-mix(in srgb, var(--accent-color) 50%, transparent);--accent-color-opacity-60: color-mix(in srgb, var(--accent-color) 60%, transparent);--accent-color-opacity-70: color-mix(in srgb, var(--accent-color) 70%, transparent);--accent-color-opacity-80: color-mix(in srgb, var(--accent-color) 80%, transparent);--accent-color-opacity-90: color-mix(in srgb, var(--accent-color) 90%, transparent);--gradient-dark: linear-gradient(135deg, #572b86, #281735, #1c1821);--gradient-color: linear-gradient(135deg, #689ef9, #6e4ef4, #572b86);--gradient-light: linear-gradient(135deg, #ffffe6, #f7f7f0, #ccccef);--brand-font-header: "obviously", "Inter", sans-serif;--brand-font-header-bold: "obviously", "Inter", sans-serif;--brand-font-body: "Inter", sans-serif;--brand-font-narrow: "obviously-narrow", "obviously", sans-serif;--brand-font-mono: "Roboto Mono", "Fira Code", Consolas, "Courier New", monospace;--user-font-header: var(--brand-font-header-bold);--user-font-body: var(--brand-font-body);--user-font-display: var(--brand-font-narrow);--font-preset-modern: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-preset-classic: Georgia, "Times New Roman", serif;--font-preset-sports: "Impact", "Arial Black", sans-serif;--font-preset-elegant: "Playfair Display", Georgia, serif;--radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--transition: background-color .25s ease-in-out, color .25s ease-in-out, border-color .25s ease-in-out, transform .25s ease-in-out}h1,h2,h3,h4,h5,h6{font-family:var(--brand-font-header-bold);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.6em;color:var(--color-black)}h1{font-size:2.4rem}h2{font-size:2rem}h3{font-size:1.65rem}p{font-family:var(--brand-font-body);font-size:1rem;line-height:1.6;margin-bottom:1rem;color:#333}a{font-family:var(--brand-font-body);font-weight:500;text-decoration:none;transition:color .2s ease;cursor:pointer}a:hover{color:var(--color-accent-purple)}button,[role=button],input[type=submit],input[type=button],input[type=reset],.clickable,[on\:click],[on\:keydown],[on\:mousedown],[on\:mouseup]{cursor:pointer!important}button:disabled,[role=button]:disabled,input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,.clickable:disabled{cursor:not-allowed!important}