*,
::before,
::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(147 197 253 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: var(--colors-gray-200);
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    tab-size: 4;
    /* 3 */
    font-family: var(--fontFamily-sans);
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: var(--fontFamily-mono);
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    letter-spacing: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: var(--colors-gray-400);
    /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
    display: none;
}

:root {
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-8: 32px;
    --spacing-10: 40px;
    --spacing-12: 48px;
    --spacing-16: 64px;
    --spacing-20: 80px;
    --spacing-32: 128px;
    --colors-ink: rgba(20, 20, 20, 1);
    --colors-paper: rgba(240, 240, 235, 1);
    --colors-accent: rgba(109, 40, 217, 1);
    --colors-ink-5: rgba(20, 20, 20, 0.05);
    --colors-ink-10: rgba(20, 20, 20, 0.1);
    --colors-ink-20: rgba(20, 20, 20, 0.2);
    --colors-ink-30: rgba(20, 20, 20, 0.3);
    --colors-ink-40: rgba(20, 20, 20, 0.4);
    --colors-ink-60: rgba(20, 20, 20, 0.6);
    --colors-ink-light: rgba(64, 64, 64, 1);
    --colors-white: rgba(255, 255, 255, 1);
    --colors-stone: rgba(229, 229, 224, 1);
    --colors-paper-90: rgba(240, 240, 235, 0.9);
    --colors-paper-95: rgba(240, 240, 235, 0.95);
    --fontFamily-display: "Clash Display", sans-serif;
    --fontFamily-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --fontFamily-body: Satoshi, sans-serif;
    --fontWeight-bold: 700;
    --fontWeight-semibold: 600;
    --fontWeight-medium: 500;
    --fontSize-xs: 12px;
    --fontSize-sm: 14px;
    --fontSize-base: 16px;
    --fontSize-lg: 18px;
    --fontSize-xl: 20px;
    --fontSize-2xl: 24px;
    --fontSize-3xl: 30px;
    --fontSize-4xl: 36px;
    --fontSize-5xl: 48px;
    --borderRadius-sm: 2px;
    --borderRadius-full: 9999px;
    --fontFamily-display: "Space Grotesk", sans-serif;
    --fontFamily-body: Inter, sans-serif;
    --fontWeight-bold: 700;
    --fontWeight-medium: 500;
    --fontWeight-semibold: 600;
    --fontWeight-light: 300;
    --fontSize-xl: 20px;
    --fontSize-sm: 14px;
    --fontSize-xs: 12px;
    --fontSize-base: 16px;
    --fontSize-5xl: 48px;
    --fontSize-7xl: 72px;
    --fontSize-lg: 18px;
    --fontSize-2xl: 24px;
    --fontSize-3xl: 30px;
    --fontSize-4xl: 36px;
    --spacing-6: 24px;
    --spacing-16: 64px;
    --spacing-0: 0px;
    --spacing-5: 20px;
    --spacing-3: 12px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-4: 16px;
    --spacing-12: 48px;
    --spacing-8: 32px;
    --spacing-20: 80px;
    --spacing-32: 128px;
    --spacing-0-5: 2px;
    --spacing-24: 96px;
    --spacing-10: 40px;
    --spacing-64: 256px;
    --colors-ink-light: rgba(75, 85, 99, 1);
    --colors-paper-80: rgba(253, 252, 248, 0.8);
    --colors-paper: rgba(240, 240, 235, 1);
    --colors-ink-5: rgba(17, 24, 39, 0.05);
    --colors-ink: rgba(17, 24, 39, 1);
    --colors-accent-indigo: rgba(99, 102, 241, 1);
    --colors-white: rgba(255, 255, 255, 1);
    --colors-surface: rgba(255, 255, 255, 1);
    --colors-ink-10: rgba(17, 24, 39, 0.1);
    --colors-black-10: rgba(0, 0, 0, 0.1);
    --colors-surface-muted: rgba(243, 244, 246, 1);
    --colors-accent-lime-20: rgba(217, 249, 157, 0.2);
    --colors-accent-lime: rgba(217, 249, 157, 1);
    --colors-accent-indigo-10: rgba(99, 102, 241, 0.1);
    --colors-accent-indigo-0: rgba(99, 102, 241, 0);
    --colors-purple-600: rgba(147, 51, 234, 1);
    --colors-ink-90: rgba(17, 24, 39, 0.9);
    --colors-accent-indigo-20: rgba(99, 102, 241, 0.2);
    --colors-accent-indigo-30: rgba(99, 102, 241, 0.3);
    --colors-gray-300: rgba(209, 213, 219, 1);
    --colors-red-600: rgba(220, 38, 38, 1);
    --colors-red-50: rgba(254, 242, 242, 1);
    --colors-red-100: rgba(254, 226, 226, 1);
    --colors-green-600: rgba(22, 163, 74, 1);
    --colors-green-500: rgba(34, 197, 94, 1);
    --colors-green-50: rgba(240, 253, 244, 1);
    --colors-green-100: rgba(220, 252, 231, 1);
    --colors-black-5: rgba(0, 0, 0, 0.05);
    --colors-ink-20: rgba(17, 24, 39, 0.2);
    --colors-indigo-50: rgba(238, 242, 255, 1);
    --colors-accent-indigo-50: rgba(99, 102, 241, 0.5);
    --colors-gray-400: rgba(156, 163, 175, 1);
    --colors-white-10: rgba(255, 255, 255, 0.1);
    --colors-white-20: rgba(255, 255, 255, 0.2);
    --colors-gray-500: rgba(107, 114, 128, 1);
    --colors-white-5: rgba(255, 255, 255, 0.05);
    --colors-accent-lime-40: rgba(217, 249, 157, 0.4);
    --colors-accent-indigo-60: rgba(99, 102, 241, 0.6);
    --colors-accent-indigo-40: rgba(99, 102, 241, 0.4);
    --colors-red-400: rgba(248, 113, 113, 1);
    --colors-red-500: rgba(239, 68, 68, 1);
    --colors-ink-0: rgba(17, 24, 39, 0);
    --colors-gray-200: rgba(229, 231, 235, 1);
    --borderRadius-DEFAULT: 4px;
    --borderRadius-full: 9999px;
    --borderRadius-lg: 8px;
    --borderRadius-2xl: 16px;
    --borderRadius-xl: 12px;
}


/* === Font Faces (trimmed to used fonts/weights/styles) === */

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Space Grotesk;
    font-stretch: normal;
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/space-grotesk@latest/latin-400-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Space Grotesk;
    font-stretch: normal;
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/space-grotesk@latest/latin-ext-400-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Space Grotesk;
    font-stretch: normal;
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/space-grotesk@latest/latin-700-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Space Grotesk;
    font-stretch: normal;
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/space-grotesk@latest/latin-ext-700-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Inter;
    font-stretch: normal;
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-400-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Inter;
    font-stretch: normal;
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-ext-400-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Inter;
    font-stretch: normal;
    font-weight: 500;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-500-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Inter;
    font-stretch: normal;
    font-weight: 500;
    font-style: normal;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-ext-500-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Inter;
    font-stretch: normal;
    font-weight: 600;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-600-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Inter;
    font-stretch: normal;
    font-weight: 600;
    font-style: normal;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-ext-600-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Inter;
    font-stretch: normal;
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-700-normal.woff2') format('woff2');
}

@font-face {
    content-type: font/woff2;
    font-display: swap;
    font-family: Inter;
    font-stretch: normal;
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-ext-700-normal.woff2') format('woff2');
}


/* === Component & Utility Rules === */

[assignment-panel-id="AcZrcSWIRlgX"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    --tw-bg-opacity: 1;
    background-color: var(--colors-paper);
    font-family: var(--fontFamily-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* [assignment-panel-id="DnjZpywXIhIp"] {
    position: sticky;
    top: var(--spacing-0);
    z-index: 50;
    background-color: var(--colors-paper-80);
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    border-bottom-width: 1px;
    border-color: var(--colors-ink-5);
} */

[assignment-panel-id="dWeTxCADcXBf"] {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
    height: var(--spacing-16);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[assignment-panel-id="rBKvqmTVHziZ"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-xl);
    line-height: 28px;
    letter-spacing: -0.025em;
}

[assignment-panel-id="sjOFEegXiDpW"] {
    display: flex;
    gap: var(--spacing-6);
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    font-weight: var(--fontWeight-medium);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
}

@media (max-width: 767px) {
    [assignment-panel-id="sjOFEegXiDpW"] {
        display: none
    }
}

[assignment-panel-id="xAbRhDlzLugp"] {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: var(--spacing-8);
    right: var(--spacing-8);
    z-index: 40;
    gap: var(--spacing-4);
}


[assignment-panel-id="zvpwGDYDUQPk"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    width: var(--spacing-5);
    height: var(--spacing-5);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.group:hover [assignment-panel-id="zvpwGDYDUQPk"] {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="vTNXLQPfjLFI"] {
    position: absolute;
    right: 100%;
    margin-right: var(--spacing-3);
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: var(--colors-ink);
    --tw-text-opacity: 1;
    color: var(--colors-white);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-1);
    border-radius: var(--borderRadius-DEFAULT);
    opacity: 1;
    pointer-events: none;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    white-space: nowrap;
}

[assignment-panel-id="pbEZXWHDEOji"] {
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    border-width: 1px;
    border-color: var(--colors-ink-10);
    --tw-shadow: 0 10px 15px -3px var(--colors-black-10), 0 4px 6px -4px var(--colors-black-10);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: var(--borderRadius-full);
    position: relative;
    width: var(--spacing-12);
    height: var(--spacing-12);
    justify-content: center;
}

[assignment-panel-id="fWTQUXgAiggV"] {
    width: 100%;
    height: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-rotate: -90deg;
}

[assignment-panel-id="DBFBtcKrlEFw"] {
    position: absolute;
    opacity: 1;
    width: var(--spacing-4);
    height: var(--spacing-4);
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    cursor: pointer;
    transition: opacity 0.3s;
}

[assignment-panel-id="OkjrofayHETl"] {
    position: relative;
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-32);
    overflow: hidden;
}

[assignment-panel-id="uzAbWsCnwkio"] {
    top: var(--spacing-0);
    position: absolute;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: var(--borderRadius-full);
    right: var(--spacing-0);
    width: 500px;
    height: 500px;
    background-color: var(--colors-accent-lime-20);
    --tw-blur: blur(100px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    --tw-translate-x: 25%;
}

[assignment-panel-id="QhXvgBNeJDMV"] {
    position: absolute;
    border-radius: var(--borderRadius-full);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
    width: 400px;
    height: 400px;
    background-color: var(--colors-accent-indigo-10);
    --tw-blur: blur(80px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    --tw-translate-y: 25%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-x: -25%;
}

[assignment-panel-id="OxPbffdTsOjr"] {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
    position: relative;
    max-width: 896px;
    text-align: center;
    z-index: 10;
}

[assignment-panel-id="VlEUTcubjpWs"] {
    align-items: center;
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-1);
    border-width: 1px;
    border-color: var(--colors-ink-10);
    border-radius: var(--borderRadius-full);
    display: inline-flex;
    gap: var(--spacing-2);
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    --tw-bg-opacity: 1;
    background-color: var(--colors-white);
    font-weight: var(--fontWeight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    margin-bottom: var(--spacing-8);
}

[assignment-panel-id="pxEzIehQQulL"] {
    border-radius: var(--borderRadius-full);
    width: var(--spacing-2);
    height: var(--spacing-2);
    --tw-bg-opacity: 1;
    background-color: var(--colors-accent-indigo);
}


[assignment-panel-id="hZnRYQNWBzpO"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    letter-spacing: -0.025em;
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    margin-bottom: var(--spacing-8);
    font-size: var(--fontSize-7xl);
    line-height: 1;
}

@media (max-width: 767px) {
    [assignment-panel-id="hZnRYQNWBzpO"] {
        font-size: var(--fontSize-5xl);
        line-height: 1.1
    }
}

[assignment-panel-id="eHmrXjzcEtza"] {
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: var(--colors-accent-indigo) var(--tw-gradient-from-position);
    --tw-gradient-to: var(--colors-purple-600) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

[assignment-panel-id="LyFqUxrYVJxs"] {
    font-size: var(--fontSize-xl);
    line-height: 1.625;
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    margin-left: auto;
    margin-right: auto;
    max-width: 672px;
    margin-bottom: var(--spacing-12);
    padding: 0px;
    border-radius: 0px;
}

[assignment-panel-id="nkZOWwybPFyK"] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-4);
    flex-direction: row;
}

@media (max-width: 767px) {
    [assignment-panel-id="nkZOWwybPFyK"] {
        flex-direction: column
    }
}

[assignment-panel-id="YxRDPNwjrKwO"] {
    font-weight: var(--fontWeight-medium);
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: var(--colors-ink);
    --tw-text-opacity: 1;
    color: var(--colors-white);
    border-radius: var(--borderRadius-full);
    gap: var(--spacing-2);
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

[assignment-panel-id="YxRDPNwjrKwO"]:hover {
    background-color: var(--colors-ink-90)
}

/* [assignment-panel-id="YxRDPNwjrKwO"]:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
} */

[assignment-panel-id="kTTPtFEVxKQn"] {
    width: var(--spacing-4);
    height: var(--spacing-4);
}

[assignment-panel-id="FxBTPnLZchKn"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

[assignment-panel-id="kouCYDkGhQgs"] {
    display: flex;
}

[assignment-panel-id="kouCYDkGhQgs"]> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-8px * var(--tw-space-x-reverse));
    margin-left: calc(-8px * calc(1 - var(--tw-space-x-reverse)))
}

[assignment-panel-id="TzaadnDGGYHu"] {
    border-radius: var(--borderRadius-full);
    width: var(--spacing-8);
    height: var(--spacing-8);
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: var(--colors-paper);
}

[assignment-panel-id="xGuuwGqVUGNd"] {
    border-radius: var(--borderRadius-full);
    width: var(--spacing-1);
    height: var(--spacing-1);
    --tw-bg-opacity: 1;
    background-color: var(--colors-ink-light);
}



[assignment-panel-id="rlNwRHpYyHRD"] {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-bottom: var(--spacing-24);
    gap: var(--spacing-12);
}

@media (max-width: 767px) {
    [assignment-panel-id="rlNwRHpYyHRD"] {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

[assignment-panel-id="RvgdvjfFovue"] {
    display: block;
    position: relative;
    margin-top: var(--fontSize-2xl);
    grid-column: span 3 / span 3;
}

@media (max-width: 767px) {
    [assignment-panel-id="RvgdvjfFovue"] {
        display: none;
        grid-column: auto
    }
}

[assignment-panel-id="vaipLbctjVIL"] {
    position: sticky;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    top: var(--spacing-32);
}

[assignment-panel-id="DgoouKBoqCNb"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    font-size: var(--fontSize-lg);
    line-height: 28px;
    margin-bottom: var(--spacing-6);
}

[assignment-panel-id="ehGeWUdlXfmE"] {
    width: var(--spacing-4);
    height: var(--spacing-4);
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}



[assignment-panel-id="yFEFVaGGDIIP"] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

[assignment-panel-id="VZtRMxwCreyK"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    border-radius: var(--borderRadius-lg);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border-left-width: 2px;
    border-color: transparent;
    display: block;
}

[assignment-panel-id="VZtRMxwCreyK"]:hover {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface)
}

[assignment-panel-id="EQwRIHXOvdAN"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    border-radius: var(--borderRadius-lg);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border-left-width: 2px;
    border-color: transparent;
    display: block;
}

[assignment-panel-id="EQwRIHXOvdAN"]:hover {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface)
}

[assignment-panel-id="sMJQnjiYwxWG"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    border-radius: var(--borderRadius-lg);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border-left-width: 2px;
    border-color: transparent;
    display: block;
}

[assignment-panel-id="sMJQnjiYwxWG"]:hover {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface)
}

[assignment-panel-id="QPRiyrmFSAsE"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    border-radius: var(--borderRadius-lg);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border-left-width: 2px;
    border-color: transparent;
    display: block;
}

[assignment-panel-id="QPRiyrmFSAsE"]:hover {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface)
}

[assignment-panel-id="TJEZKdszVoMB"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    border-radius: var(--borderRadius-lg);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border-left-width: 2px;
    border-color: transparent;
    display: block;
}

[assignment-panel-id="TJEZKdszVoMB"]:hover {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface)
}

[assignment-panel-id="SNhCMcBGEORi"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    border-radius: var(--borderRadius-lg);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border-left-width: 2px;
    border-color: transparent;
    display: block;
}

[assignment-panel-id="SNhCMcBGEORi"]:hover {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface)
}

[assignment-panel-id="ATkvoHYSAAXW"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    border-radius: var(--borderRadius-lg);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border-left-width: 2px;
    border-color: transparent;
    display: block;
}

[assignment-panel-id="ATkvoHYSAAXW"]:hover {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface)
}

[assignment-panel-id="KsidqoswdkjO"] {
    --tw-bg-opacity: 1;
    background-color: var(--colors-ink);
    --tw-text-opacity: 1;
    color: var(--colors-white);
    position: relative;
    overflow: hidden;
    margin-top: var(--spacing-12);
    padding: var(--spacing-6);
    border-radius: var(--borderRadius-2xl);
}

[assignment-panel-id="AepzLTEiWLcg"] {
    top: var(--spacing-0);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    position: absolute;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: var(--borderRadius-full);
    right: var(--spacing-0);
    width: var(--spacing-32);
    height: var(--spacing-32);
    background-color: var(--colors-accent-indigo-20);
    --tw-blur: blur(40px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    --tw-translate-x: 50%;
}

.group:hover [assignment-panel-id="AepzLTEiWLcg"] {
    background-color: var(--colors-accent-indigo-30);
}

[assignment-panel-id="xqIzOaaXaczV"] {
    width: var(--spacing-6);
    height: var(--spacing-6);
    --tw-text-opacity: 1;
    color: var(--colors-accent-lime);
    margin-bottom: var(--spacing-4);
}

[assignment-panel-id="FqNvehvYpVSX"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-lg);
    line-height: 28px;
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="bSCAZVvUASES"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    margin-bottom: var(--spacing-6);
    --tw-text-opacity: 1;
    color: var(--colors-gray-300);
}

[assignment-panel-id="sONTwRZdOBzB"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    width: 100%;
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    --tw-bg-opacity: 1;
    background-color: var(--colors-white);
    font-weight: var(--fontWeight-semibold);
    text-align: center;
    border-radius: var(--borderRadius-lg);
    display: block;
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
}

[assignment-panel-id="sONTwRZdOBzB"]:hover {
    --tw-bg-opacity: 1;
    background-color: var(--colors-accent-lime)
}

[assignment-panel-id="kMGGsqULEeFR"] {
    position: relative;
    grid-column: span 9 / span 9;
}

@media (max-width: 767px) {
    [assignment-panel-id="kMGGsqULEeFR"] {
        grid-column: span 1 / span 1
    }
}

[assignment-panel-id="PtBNErWbsFFp"] {
    display: block;
    top: var(--spacing-0);
    position: absolute;
    bottom: var(--spacing-0);
    left: var(--spacing-4);
    width: var(--spacing-0-5);
    background-color: var(--colors-ink-5);
}

@media (max-width: 767px) {
    [assignment-panel-id="PtBNErWbsFFp"] {
        display: none
    }
}

[assignment-panel-id="pVkxuzilajyP"] {
    top: var(--spacing-0);
    position: absolute;
    width: 100%;
    left: var(--spacing-0);
    --tw-bg-opacity: 1;
    background-color: var(--colors-accent-indigo);
    transition-property: all;
    transition-timing-function: linear;
    transition-duration: 100ms;
    height: 0%;
}

[assignment-panel-id="JFDDzCUmJlCV"] {
    padding-left: var(--spacing-16);
    margin-top: var(--fontSize-2xl);
    margin-bottom: var(--spacing-20);
}

@media (max-width: 767px) {
    [assignment-panel-id="JFDDzCUmJlCV"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="CPskJXNofFOa"] {
    font-size: var(--fontSize-2xl);
    line-height: 32px;
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    font-weight: var(--fontWeight-light);
}

@media (max-width: 767px) {
    [assignment-panel-id="CPskJXNofFOa"] {
        font-size: var(--fontSize-xl);
        line-height: 1.625
    }
}

[assignment-panel-id="fJWvZKnxDMHR"] {
    position: relative;
    padding-left: var(--spacing-16);
    margin-bottom: var(--spacing-24);
    opacity: 1;
}

@media (max-width: 767px) {
    [assignment-panel-id="fJWvZKnxDMHR"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="ayakzjerrtof"] {
    display: flex;
    align-items: center;
    top: var(--spacing-0);
    position: absolute;
    --tw-shadow: 0 10px 15px -3px var(--colors-black-10), 0 4px 6px -4px var(--colors-black-10);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: var(--borderRadius-full);
    justify-content: center;
    width: var(--spacing-8);
    height: var(--spacing-8);
    border-width: 2px;
    z-index: 10;
    left: var(--spacing-4);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: var(--colors-paper);
    --tw-border-opacity: 1;
    border-color: var(--colors-accent-indigo);
}

@media (max-width: 767px) {
    [assignment-panel-id="ayakzjerrtof"] {
        display: none
    }
}

[assignment-panel-id="CHpVwFDnwWRt"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="rcGcxhxnfqEP"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    display: block;
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="rRabqDFOTvXV"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-6);
    font-size: var(--fontSize-4xl);
    line-height: 40px;
}

@media (max-width: 767px) {
    [assignment-panel-id="rRabqDFOTvXV"] {
        font-size: var(--fontSize-3xl);
        line-height: var(--fontSize-4xl)
    }
}

[assignment-panel-id="MUVqHTNGbbui"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    margin-bottom: var(--spacing-8);
}

[assignment-panel-id="rpcdqVCzdXoN"] {
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    border-width: 1px;
    border-color: var(--colors-ink-10);
    border-radius: var(--borderRadius-xl);
    padding: var(--spacing-8);
    --tw-shadow: 0 1px 2px 0 var(--colors-black-5);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

[assignment-panel-id="rpcdqVCzdXoN"]:hover {
    --tw-shadow: 0 4px 6px -1px var(--colors-black-10), 0 2px 4px -2px var(--colors-black-10);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

[assignment-panel-id="IOaUcSdBpPbq"] {
    font-family: var(--fontFamily-display);
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    font-weight: var(--fontWeight-semibold);
    font-size: var(--fontSize-lg);
    line-height: 28px;
    margin-bottom: var(--spacing-4);
}

[assignment-panel-id="sTJlRkxfToJJ"] {
    width: var(--spacing-5);
    height: var(--spacing-5);
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="yTNyJDrsOBtD"] {
    gap: var(--spacing-6);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 767px) {
    [assignment-panel-id="yTNyJDrsOBtD"] {
        grid-template-columns: none
    }
}

[assignment-panel-id="dFmfbUXDwOzc"] {
    border-width: 1px;
    border-radius: var(--borderRadius-lg);
    padding: var(--spacing-4);
    --tw-bg-opacity: 1;
    background-color: var(--colors-red-50);
    --tw-border-opacity: 1;
    border-color: var(--colors-red-100);
}

[assignment-panel-id="SURClyybFMEm"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
    text-transform: uppercase;
    display: block;
    --tw-text-opacity: 1;
    color: var(--colors-red-600);
    margin-bottom: var(--spacing-1);
}

[assignment-panel-id="UZaUpJHvuURv"] {
    font-weight: var(--fontWeight-medium);
    --tw-text-opacity: 1;
    color: var(--colors-ink);
}

[assignment-panel-id="WiHFzWIYUwup"] {
    border-width: 1px;
    position: relative;
    overflow: hidden;
    border-radius: var(--borderRadius-lg);
    padding: var(--spacing-4);
    --tw-bg-opacity: 1;
    background-color: var(--colors-green-50);
    --tw-border-opacity: 1;
    border-color: var(--colors-green-100);
}

[assignment-panel-id="IYIWltQzsQys"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
    text-transform: uppercase;
    display: block;
    margin-bottom: var(--spacing-1);
    --tw-text-opacity: 1;
    color: var(--colors-green-600);
}

[assignment-panel-id="GQGINswdAbiq"] {
    font-weight: var(--fontWeight-medium);
    --tw-text-opacity: 1;
    color: var(--colors-ink);
}

[assignment-panel-id="hBffOdURTaFl"] {
    position: absolute;
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    padding: var(--spacing-2);
}

[assignment-panel-id="oAguqEKNYVXD"] {
    width: var(--spacing-5);
    height: var(--spacing-5);
    --tw-text-opacity: 1;
    color: var(--colors-green-500);
}

[assignment-panel-id="lAApfGGUUzVe"] {
    position: relative;
    padding-left: var(--spacing-16);
    margin-bottom: var(--spacing-24);
}

@media (max-width: 767px) {
    [assignment-panel-id="lAApfGGUUzVe"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="intEPHrBgkec"] {
    display: flex;
    align-items: center;
    top: var(--spacing-0);
    position: absolute;
    border-radius: var(--borderRadius-full);
    justify-content: center;
    width: var(--spacing-8);
    height: var(--spacing-8);
    border-width: 2px;
    z-index: 10;
    left: var(--spacing-4);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: var(--colors-paper);
    border-color: var(--colors-ink-20);
}

@media (max-width: 767px) {
    [assignment-panel-id="intEPHrBgkec"] {
        display: none
    }
}

[assignment-panel-id="wuUGiliqRIlZ"] {
    font-weight: var(--fontWeight-bold);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
}

[assignment-panel-id="JVLmZeCCqQtL"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    display: block;
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="aIkemEXHPGDM"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-6);
    font-size: var(--fontSize-4xl);
    line-height: 40px;
}

@media (max-width: 767px) {
    [assignment-panel-id="aIkemEXHPGDM"] {
        font-size: var(--fontSize-3xl);
        line-height: var(--fontSize-4xl)
    }
}

[assignment-panel-id="vewYhfECCBWH"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    margin-bottom: var(--spacing-8);
    line-height: 28px;
    font-size: var(--fontSize-lg);
}

[assignment-panel-id="uGBcfnWvaIJX"] {
    gap: var(--spacing-4);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767px) {
    [assignment-panel-id="uGBcfnWvaIJX"] {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

[assignment-panel-id="MxcPCKHNCpUS"] {
    border-color: var(--colors-ink-5);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    border-width: 1px;
    padding: var(--spacing-6);
    border-radius: var(--borderRadius-xl);
    cursor: default;
}

[assignment-panel-id="MxcPCKHNCpUS"]:hover {
    border-color: var(--colors-accent-indigo-50)
}

[assignment-panel-id="QdVmgzuoQXhY"] {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    border-radius: var(--borderRadius-lg);
    margin-bottom: var(--spacing-4);
    width: var(--spacing-10);
    height: var(--spacing-10);
    --tw-bg-opacity: 1;
    background-color: var(--colors-indigo-50);
}

[assignment-panel-id="tZqdlLQsOsbk"] {
    width: var(--spacing-5);
    height: var(--spacing-5);
}

[assignment-panel-id="WiukzmebmdDy"] {
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="ifRzGYumskFx"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
}

[assignment-panel-id="MMFlRPthHYzu"] {
    border-color: var(--colors-ink-5);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    border-width: 1px;
    padding: var(--spacing-6);
    border-radius: var(--borderRadius-xl);
    cursor: default;
}

[assignment-panel-id="MMFlRPthHYzu"]:hover {
    border-color: var(--colors-accent-indigo-50)
}

[assignment-panel-id="tHjDcvjRWkEc"] {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    border-radius: var(--borderRadius-lg);
    margin-bottom: var(--spacing-4);
    width: var(--spacing-10);
    height: var(--spacing-10);
    --tw-bg-opacity: 1;
    background-color: var(--colors-indigo-50);
}

[assignment-panel-id="vZZZDpOOetqT"] {
    width: var(--spacing-5);
    height: var(--spacing-5);
}

[assignment-panel-id="jMUUFVZdPugM"] {
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="caWvzcnzXIof"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
}

[assignment-panel-id="EegkCZhaGSFA"] {
    border-color: var(--colors-ink-5);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    border-width: 1px;
    padding: var(--spacing-6);
    border-radius: var(--borderRadius-xl);
    cursor: default;
}

[assignment-panel-id="EegkCZhaGSFA"]:hover {
    border-color: var(--colors-accent-indigo-50)
}

[assignment-panel-id="dGASofTBBfJa"] {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    border-radius: var(--borderRadius-lg);
    margin-bottom: var(--spacing-4);
    width: var(--spacing-10);
    height: var(--spacing-10);
    --tw-bg-opacity: 1;
    background-color: var(--colors-indigo-50);
}

[assignment-panel-id="vNfYWqCBrwHY"] {
    width: var(--spacing-5);
    height: var(--spacing-5);
}

[assignment-panel-id="LpjiNcGmHInj"] {
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="DHCQMzdSwndf"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
}

[assignment-panel-id="GCWXOtmSXlMz"] {
    position: relative;
    padding-left: var(--spacing-16);
    margin-bottom: var(--spacing-24);
}

@media (max-width: 767px) {
    [assignment-panel-id="GCWXOtmSXlMz"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="DTkITBYMEhit"] {
    display: flex;
    align-items: center;
    top: var(--spacing-0);
    position: absolute;
    border-radius: var(--borderRadius-full);
    justify-content: center;
    width: var(--spacing-8);
    height: var(--spacing-8);
    border-width: 2px;
    z-index: 10;
    left: var(--spacing-4);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: var(--colors-paper);
    border-color: var(--colors-ink-20);
}

@media (max-width: 767px) {
    [assignment-panel-id="DTkITBYMEhit"] {
        display: none
    }
}

[assignment-panel-id="epLxQDRaETei"] {
    font-weight: var(--fontWeight-bold);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
}

[assignment-panel-id="HMpGkYZFsVuW"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    display: block;
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="zpuTMQXUSwJh"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-6);
    font-size: var(--fontSize-4xl);
    line-height: 40px;
}

@media (max-width: 767px) {
    [assignment-panel-id="zpuTMQXUSwJh"] {
        font-size: var(--fontSize-3xl);
        line-height: var(--fontSize-4xl)
    }
}

[assignment-panel-id="svVnDcmjXcRw"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    margin-bottom: var(--spacing-8);
    font-size: var(--fontSize-lg);
    line-height: 28px;
}

[assignment-panel-id="BwoTjNhySLQM"] {
    --tw-bg-opacity: 1;
    background-color: var(--colors-ink);
    --tw-text-opacity: 1;
    color: var(--colors-white);
    position: relative;
    overflow: hidden;
    border-radius: var(--borderRadius-2xl);
    padding: var(--spacing-8);
}

[assignment-panel-id="lFIqIdsqiuAU"] {
    top: var(--spacing-0);
    position: absolute;
    border-radius: var(--borderRadius-full);
    right: var(--spacing-0);
    --tw-blur: blur(80px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    background-color: var(--colors-accent-indigo-20);
    width: var(--spacing-64);
    height: var(--spacing-64);
}

[assignment-panel-id="cSfmcJOreECa"] {
    position: relative;
    z-index: 10;
}

[assignment-panel-id="mXcZXpIJwJFw"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-xl);
    line-height: 28px;
    display: block;
    margin-bottom: var(--spacing-4);
}

[assignment-panel-id="ATZdVZuSGlim"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    margin-bottom: var(--spacing-6);
    --tw-text-opacity: 1;
    color: var(--colors-gray-400);
}

[assignment-panel-id="CWmtVVBwMCiS"] {
    position: relative;
}

[assignment-panel-id="IbSkiYbegAfM"] {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-text-opacity: 1;
    color: var(--colors-white);
    border-width: 1px;
    width: 100%;
    border-radius: var(--borderRadius-lg);
    padding: var(--spacing-4);
    background-color: var(--colors-white-10);
    border-color: var(--colors-white-20);
}

[assignment-panel-id="IbSkiYbegAfM"]::placeholder {
    --tw-placeholder-opacity: 1;
    color: var(--colors-gray-500)
}

[assignment-panel-id="IbSkiYbegAfM"]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-border-opacity: 1;
    border-color: var(--colors-accent-lime)
}

[assignment-panel-id="lckHUnhDDluf"] {
    position: absolute;
    right: var(--spacing-2);
    top: var(--spacing-2);
}

[assignment-panel-id="lPPYkEPtueTq"] {
    border-radius: var(--borderRadius-full);
    width: var(--spacing-2);
    height: var(--spacing-2);
    --tw-bg-opacity: 1;
    background-color: var(--colors-gray-500);
    margin-top: var(--spacing-3);
    margin-right: var(--spacing-2);
}

[assignment-panel-id="YVxKIDNeqeHj"] {
    display: none;
    border-width: 1px;
    border-radius: var(--borderRadius-lg);
    padding: var(--spacing-4);
    margin-top: var(--spacing-6);
    background-color: var(--colors-white-5);
    border-color: var(--colors-white-10);
}

[assignment-panel-id="ugiaxVECZcBV"] {
    font-weight: var(--fontWeight-bold);
    --tw-text-opacity: 1;
    color: var(--colors-accent-lime);
    margin-bottom: var(--spacing-1);
}

[assignment-panel-id="GBMzZDhktoYD"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-gray-300);
}

[assignment-panel-id="IggJcNKketeE"] {
    position: relative;
    padding-left: var(--spacing-16);
    margin-bottom: var(--spacing-24);
}

@media (max-width: 767px) {
    [assignment-panel-id="IggJcNKketeE"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="tEhpwhaFnTED"] {
    display: flex;
    align-items: center;
    top: var(--spacing-0);
    position: absolute;
    border-radius: var(--borderRadius-full);
    justify-content: center;
    width: var(--spacing-8);
    height: var(--spacing-8);
    border-width: 2px;
    z-index: 10;
    left: var(--spacing-4);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: var(--colors-paper);
    border-color: var(--colors-ink-20);
}

@media (max-width: 767px) {
    [assignment-panel-id="tEhpwhaFnTED"] {
        display: none
    }
}

[assignment-panel-id="bzrAExJbqHDQ"] {
    font-weight: var(--fontWeight-bold);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
}

[assignment-panel-id="wXatlPiJMlsW"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    display: block;
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="COFwwZIYPkyi"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-6);
    font-size: var(--fontSize-4xl);
    line-height: 40px;
}

@media (max-width: 767px) {
    [assignment-panel-id="COFwwZIYPkyi"] {
        font-size: var(--fontSize-3xl);
        line-height: var(--fontSize-4xl)
    }
}

[assignment-panel-id="InbZrWXRNkYY"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    font-size: var(--fontSize-lg);
    line-height: 28px;
    margin-bottom: var(--spacing-6);
}

[assignment-panel-id="rLCyIfyqYKMh"] {
    border-width: 1px;
    background-color: var(--colors-accent-lime-20);
    border-radius: var(--borderRadius-lg);
    padding: var(--spacing-6);
    border-color: var(--colors-accent-lime-40);
}

[assignment-panel-id="aiXMatDhVmkd"] {
    font-weight: var(--fontWeight-medium);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    font-style: italic;
}

[assignment-panel-id="QmuUCUfiLoSQ"] {
    position: relative;
    padding-left: var(--spacing-16);
    margin-bottom: var(--spacing-24);
}

@media (max-width: 767px) {
    [assignment-panel-id="QmuUCUfiLoSQ"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="fDCvlSqGLTnf"] {
    display: flex;
    align-items: center;
    top: var(--spacing-0);
    position: absolute;
    border-radius: var(--borderRadius-full);
    justify-content: center;
    width: var(--spacing-8);
    height: var(--spacing-8);
    border-width: 2px;
    z-index: 10;
    left: var(--spacing-4);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: var(--colors-paper);
    border-color: var(--colors-ink-20);
}

@media (max-width: 767px) {
    [assignment-panel-id="fDCvlSqGLTnf"] {
        display: none
    }
}

[assignment-panel-id="atqvVesWHlnd"] {
    font-weight: var(--fontWeight-bold);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
}

[assignment-panel-id="qpwsVIzJhVzq"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    display: block;
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="nrSihwMJJNHq"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-6);
    font-size: var(--fontSize-4xl);
    line-height: 40px;
}

@media (max-width: 767px) {
    [assignment-panel-id="nrSihwMJJNHq"] {
        font-size: var(--fontSize-3xl);
        line-height: var(--fontSize-4xl)
    }
}

[assignment-panel-id="IpvvgxcOLfRK"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    margin-bottom: var(--spacing-8);
    font-size: var(--fontSize-lg);
    line-height: 28px;
}

[assignment-panel-id="LNiHqqLIZeHg"]> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(12px * var(--tw-space-y-reverse))
}

[assignment-panel-id="rTQpClAFhagn"] {
    display: flex;
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    gap: var(--spacing-4);
    --tw-border-opacity: 1;
    border-color: var(--colors-accent-indigo);
    padding: var(--spacing-4);
    align-items: flex-start;
    border-left-width: 4px;
}

[assignment-panel-id="vSFbUZDqgsJe"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    width: var(--spacing-24);
    flex-shrink: 0;
}

[assignment-panel-id="ACvYkttMmRyU"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
}

[assignment-panel-id="rAOVYHEekbVf"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink);
}

[assignment-panel-id="MFjosYFwLQEk"] {
    display: flex;
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    gap: var(--spacing-4);
    padding: var(--spacing-4);
    align-items: flex-start;
    border-left-width: 4px;
    border-color: var(--colors-accent-indigo-60);
}

[assignment-panel-id="ffAsTguTEewL"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    width: var(--spacing-24);
    flex-shrink: 0;
}

[assignment-panel-id="zFAQzETSQPFf"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
}

[assignment-panel-id="FWnqNsRtCzrz"] {
    display: flex;
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    gap: var(--spacing-4);
    padding: var(--spacing-4);
    align-items: flex-start;
    border-left-width: 4px;
    border-color: var(--colors-accent-indigo-40);
}

[assignment-panel-id="hqqqagNMrSJF"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    width: var(--spacing-24);
    flex-shrink: 0;
}

[assignment-panel-id="UkSwYUIyZcoq"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
}

[assignment-panel-id="PEoLZNpXrAGy"] {
    display: flex;
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    gap: var(--spacing-4);
    padding: var(--spacing-4);
    align-items: flex-start;
    border-left-width: 4px;
    border-color: var(--colors-accent-indigo-20);
}

[assignment-panel-id="KFbbEovIhfGL"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    width: var(--spacing-24);
    flex-shrink: 0;
}

[assignment-panel-id="ZFgDIwVVPPlc"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
}

[assignment-panel-id="FPkOSeEUrWZS"] {
    position: relative;
    padding-left: var(--spacing-16);
    margin-bottom: var(--spacing-16);
}

@media (max-width: 767px) {
    [assignment-panel-id="FPkOSeEUrWZS"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="UcbVUFWhMMxo"] {
    display: flex;
    align-items: center;
    top: var(--spacing-0);
    position: absolute;
    border-radius: var(--borderRadius-full);
    justify-content: center;
    width: var(--spacing-8);
    height: var(--spacing-8);
    border-width: 2px;
    z-index: 10;
    left: var(--spacing-4);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: var(--colors-paper);
    border-color: var(--colors-ink-20);
}

@media (max-width: 767px) {
    [assignment-panel-id="UcbVUFWhMMxo"] {
        display: none
    }
}

[assignment-panel-id="GPKhnrfoYhHE"] {
    font-weight: var(--fontWeight-bold);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
}

[assignment-panel-id="ezHoebEstkIa"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    display: block;
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="FahklPMyiZCG"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-6);
    font-size: var(--fontSize-4xl);
    line-height: 40px;
}

@media (max-width: 767px) {
    [assignment-panel-id="FahklPMyiZCG"] {
        font-size: var(--fontSize-3xl);
        line-height: var(--fontSize-4xl)
    }
}

[assignment-panel-id="xSTfuVEOTEpV"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    font-size: var(--fontSize-lg);
    line-height: 28px;
}

[assignment-panel-id="VvWixblNVsSS"] {
    position: relative;
    padding-left: var(--spacing-16);
    margin-bottom: var(--spacing-24);
}

@media (max-width: 767px) {
    [assignment-panel-id="VvWixblNVsSS"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="NFglyeJaiOKU"] {
    display: flex;
    align-items: center;
    top: var(--spacing-0);
    position: absolute;
    border-radius: var(--borderRadius-full);
    justify-content: center;
    width: var(--spacing-8);
    height: var(--spacing-8);
    border-width: 2px;
    z-index: 10;
    left: var(--spacing-4);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: var(--colors-paper);
    border-color: var(--colors-ink-20);
}

@media (max-width: 767px) {
    [assignment-panel-id="NFglyeJaiOKU"] {
        display: none
    }
}

[assignment-panel-id="MASMyusYqUxg"] {
    font-weight: var(--fontWeight-bold);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
}

[assignment-panel-id="NxlResnWJzLm"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    display: block;
    margin-bottom: var(--spacing-2);
}

[assignment-panel-id="nDrbGaumpJEv"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-6);
    font-size: var(--fontSize-4xl);
    line-height: 40px;
}

@media (max-width: 767px) {
    [assignment-panel-id="nDrbGaumpJEv"] {
        font-size: var(--fontSize-3xl);
        line-height: var(--fontSize-4xl)
    }
}

[assignment-panel-id="fCRowfAKehlw"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    margin-bottom: var(--spacing-8);
    font-size: var(--fontSize-lg);
    line-height: 28px;
}

[assignment-panel-id="EiNULFiAuwrS"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: var(--colors-ink-5);
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface);
    border-width: 1px;
    padding: var(--spacing-6);
    border-radius: var(--borderRadius-xl);
}

[assignment-panel-id="AvIBZkkCjcFY"] {
    font-weight: var(--fontWeight-bold);
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    margin-bottom: var(--spacing-1);
}

[assignment-panel-id="IgolZdvtnHhy"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
}

[assignment-panel-id="RNkTAaflAMBF"] {
    width: var(--spacing-8);
    height: var(--spacing-8);
    color: var(--colors-accent-indigo-40);
}

[assignment-panel-id="UqFTqNMSzMNI"] {
    padding-left: var(--spacing-16);
    margin-top: var(--spacing-32);
}

@media (max-width: 767px) {
    [assignment-panel-id="UqFTqNMSzMNI"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="kNkqnRincmln"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-12);
    font-size: var(--fontSize-3xl);
    line-height: var(--fontSize-4xl);
}

[assignment-panel-id="FnTIfubgetfz"]> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16px * var(--tw-space-y-reverse))
}

[assignment-panel-id="alNqrXVkEwMp"] {
    border-bottom-width: 1px;
    border-color: var(--colors-ink-10);
    padding-bottom: var(--spacing-4);
}

[assignment-panel-id="aWXJzEpMKCRR"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    text-align: left;
}

[assignment-panel-id="bqOJkLmSOXtr"] {
    font-weight: var(--fontWeight-medium);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    font-size: var(--fontSize-lg);
    line-height: 28px;
}

.group:hover [assignment-panel-id="bqOJkLmSOXtr"] {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="elelTaDHytXo"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    width: var(--spacing-5);
    height: var(--spacing-5);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

[assignment-panel-id="RPWPWMsFOchR"] {
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    height: var(--spacing-0);
}

[assignment-panel-id="yKKByDTpVHWi"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    line-height: 1.625;
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-2);
}

[assignment-panel-id="SLVTBYYAnlhT"] {
    border-bottom-width: 1px;
    border-color: var(--colors-ink-10);
    padding-bottom: var(--spacing-4);
}

[assignment-panel-id="cNMOfUwnOHfq"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    text-align: left;
}

[assignment-panel-id="UAmltvpdxfun"] {
    font-weight: var(--fontWeight-medium);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    font-size: var(--fontSize-lg);
    line-height: 28px;
}

.group:hover [assignment-panel-id="UAmltvpdxfun"] {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="unvNAGIRgHBD"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    width: var(--spacing-5);
    height: var(--spacing-5);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

[assignment-panel-id="vlCytXhNuzUB"] {
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    height: var(--spacing-0);
}

[assignment-panel-id="QrHVkJejbnAA"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    line-height: 1.625;
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-2);
}

[assignment-panel-id="XxlakEvnjpCu"] {
    border-bottom-width: 1px;
    border-color: var(--colors-ink-10);
    padding-bottom: var(--spacing-4);
}

[assignment-panel-id="eqtNUmpkrFZF"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    text-align: left;
}

[assignment-panel-id="JYHFHdWPfgEA"] {
    font-weight: var(--fontWeight-medium);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    font-size: var(--fontSize-lg);
    line-height: 28px;
}

.group:hover [assignment-panel-id="JYHFHdWPfgEA"] {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="jiFeoOOezRXT"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    width: var(--spacing-5);
    height: var(--spacing-5);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

[assignment-panel-id="sXHFCnfppmbv"] {
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    height: var(--spacing-0);
}

[assignment-panel-id="XCmEntTLQgNA"] {
    --tw-text-opacity: 1;
    color: var(--colors-ink-light);
    line-height: 1.625;
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-2);
}

[assignment-panel-id="xknsiQJAgKqB"] {
    padding-left: var(--spacing-16);
    margin-top: var(--spacing-20);
}

@media (max-width: 767px) {
    [assignment-panel-id="xknsiQJAgKqB"] {
        padding-left: var(--spacing-0)
    }
}

[assignment-panel-id="DAZlQiocGBjE"] {
    text-align: center;
    border-radius: var(--borderRadius-2xl);
    padding: var(--spacing-8);
    --tw-bg-opacity: 1;
    background-color: var(--colors-surface-muted);
}

[assignment-panel-id="EMbdzUOTgByj"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-lg);
    line-height: 28px;
    margin-bottom: var(--spacing-6);
}

[assignment-panel-id="RUZwwrgIXYGD"] {
    display: flex;
    justify-content: center;
    gap: var(--spacing-4);
}

[assignment-panel-id="sLQkynCoggdW"] {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
    display: flex;
    align-items: center;
    border-width: 1px;
    border-color: var(--colors-ink-10);
    border-radius: var(--borderRadius-full);
    gap: var(--spacing-2);
    --tw-bg-opacity: 1;
    background-color: var(--colors-white);
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

[assignment-panel-id="sLQkynCoggdW"]:hover {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    --tw-border-opacity: 1;
    border-color: var(--colors-accent-indigo)
}

[assignment-panel-id="QFnqSzSFzKIu"] {
    width: var(--spacing-4);
    height: var(--spacing-4);
}

[assignment-panel-id="WoBSdtYJMBWk"] {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
    display: flex;
    align-items: center;
    border-width: 1px;
    border-color: var(--colors-ink-10);
    border-radius: var(--borderRadius-full);
    gap: var(--spacing-2);
    --tw-bg-opacity: 1;
    background-color: var(--colors-white);
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

[assignment-panel-id="WoBSdtYJMBWk"]:hover {
    --tw-border-opacity: 1;
    border-color: var(--colors-red-400);
    --tw-text-opacity: 1;
    color: var(--colors-red-500)
}

[assignment-panel-id="bqzVxhHeeuUr"] {
    width: var(--spacing-4);
    height: var(--spacing-4);
}

[assignment-panel-id="bAOLoFyMiPxu"] {
    font-weight: var(--fontWeight-bold);
    display: none;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
    margin-top: var(--spacing-4);
}


[assignment-panel-id="uXePXrdMkQpJ"] {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
}

[assignment-panel-id="NbBnGuTFZdJA"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    margin-bottom: var(--spacing-12);
    font-size: var(--fontSize-2xl);
    line-height: 32px;
}

[assignment-panel-id="QywgHRdAHMvp"] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--spacing-8);
}

@media (max-width: 767px) {
    [assignment-panel-id="QywgHRdAHMvp"] {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

[assignment-panel-id="jlQkVejSGyez"] {
    display: block;
}

[assignment-panel-id="VuXXArrraogz"] {
    position: relative;
    overflow: hidden;
    margin-bottom: var(--spacing-4);
    border-radius: var(--borderRadius-xl);
    aspect-ratio: 16/9;
    --tw-bg-opacity: 1;
    background-color: var(--colors-gray-200);
}

[assignment-panel-id="qahXFBhsHTmj"] {
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    object-fit: cover;
}

.group:hover [assignment-panel-id="qahXFBhsHTmj"] {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

[assignment-panel-id="cSqoBZcnitJd"] {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    position: absolute;
    inset: var(--spacing-0);
    background-color: var(--colors-ink-0);
}

.group:hover [assignment-panel-id="cSqoBZcnitJd"] {
    background-color: var(--colors-ink-10);
}

[assignment-panel-id="hajCTRvUxvQX"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="uspoVYDLYHgf"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    font-size: var(--fontSize-lg);
    line-height: 28px;
    margin-top: var(--spacing-2);
}

.group:hover [assignment-panel-id="uspoVYDLYHgf"] {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="VjTflVGyUMaw"] {
    display: block;
}

[assignment-panel-id="cyBISekYtOGE"] {
    position: relative;
    overflow: hidden;
    margin-bottom: var(--spacing-4);
    border-radius: var(--borderRadius-xl);
    aspect-ratio: 16/9;
    --tw-bg-opacity: 1;
    background-color: var(--colors-gray-200);
}

[assignment-panel-id="obDInrVoZtsE"] {
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    object-fit: cover;
}

.group:hover [assignment-panel-id="obDInrVoZtsE"] {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

[assignment-panel-id="jJkRHJrjLoXh"] {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-xs);
    line-height: var(--fontSize-base);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="gzshffxaHUEx"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    font-size: var(--fontSize-lg);
    line-height: 28px;
    margin-top: var(--spacing-2);
}

.group:hover [assignment-panel-id="gzshffxaHUEx"] {
    --tw-text-opacity: 1;
    color: var(--colors-accent-indigo);
}

[assignment-panel-id="FtKNVpiFvKMI"] {
    display: flex;
    --tw-bg-opacity: 1;
    background-color: var(--colors-ink);
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-radius: var(--borderRadius-xl);
    padding: var(--spacing-8);
}

[assignment-panel-id="odgkRFJKMvJF"] {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-xl);
    line-height: 28px;
    --tw-text-opacity: 1;
    color: var(--colors-white);
    margin-bottom: var(--spacing-4);
}

[assignment-panel-id="zMYDhESCaFqR"] {
    font-size: var(--fontSize-sm);
    line-height: var(--fontSize-xl);
    margin-bottom: var(--spacing-6);
    --tw-text-opacity: 1;
    color: var(--colors-gray-400);
}

[assignment-panel-id="iFqpnQVkYOpw"] {
    font-weight: var(--fontWeight-bold);
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-text-opacity: 1;
    color: var(--colors-ink);
    border-radius: var(--borderRadius-lg);
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
    --tw-bg-opacity: 1;
    background-color: var(--colors-accent-lime);
}

[assignment-panel-id="iFqpnQVkYOpw"]:hover {
    --tw-bg-opacity: 1;
    background-color: var(--colors-white)
}

/* CTA Section */
.cta-section {
    padding: 80px 24px;
    background-color: var(--r-blue-light);
    color: white;
    text-align: center;
}

.cta-content h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* ===== Articles Section ===== */
.articles-section {
    background-color: var(--colors-paper);
    padding: var(--spacing-20) var(--spacing-6);
    min-height: 100vh;
}

.articles-inner {
    max-width: 1280px;
    margin: 0 auto;
}

/* ===== Blog Grid ===== */
#blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--spacing-8);
    row-gap: var(--spacing-16);
    transition: all 300ms ease;
}

@media (max-width: 767px) {
    #blog-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== Shared Card Classes ===== */
.card {
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
}

.card-img-wrap {
    border-radius: var(--borderRadius-sm);
    position: relative;
    overflow: hidden;
    margin-bottom: var(--spacing-6);
    aspect-ratio: 16/10;
    background-color: var(--colors-stone);
}

.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.card:hover .card-img {
    transform: scale(1.05);
}

.card-badge {
    position: absolute;
    top: var(--spacing-3);
    right: var(--spacing-3);
    background-color: var(--colors-paper-90);
    backdrop-filter: blur(8px);
    padding: var(--spacing-1) var(--spacing-2);
    font-size: 10px;
    font-family: var(--fontFamily-mono);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: var(--borderRadius-sm);
    border: 1px solid var(--colors-ink-5);
}

.card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-category {
    display: flex;
    align-items: center;
    font-weight: var(--fontWeight-bold);
    color: var(--colors-accent);
    font-size: var(--fontSize-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    gap: var(--spacing-3);
    margin-bottom: var(--spacing-3);
}

.card-title {
    font-family: var(--fontFamily-display);
    font-weight: var(--fontWeight-semibold);
    font-size: var(--fontSize-2xl);
    line-height: 1.25;
    margin-bottom: var(--spacing-3);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.card:hover .card-title {
    text-decoration: underline;
}

.card-desc {
    font-size: var(--fontSize-sm);
    line-height: 1.625;
    color: var(--colors-ink-light);
    margin-bottom: var(--spacing-6);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--colors-ink-10);
    margin-top: auto;
    padding-top: var(--spacing-4);
}

.card-date {
    font-family: var(--fontFamily-mono);
    font-size: var(--fontSize-xs);
    color: var(--colors-ink-60);
}

.card-link {
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: color 150ms;
}

.card:hover .card-link {
    color: var(--colors-accent);
}