@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Space+Grotesk:wght@300;400;500;600;700&display=swap);
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}a{background-color:rgba(0,0,0,0);color:inherit;text-decoration:none}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}[hidden]{display:none}:root{--font-display: "Space Grotesk", sans-serif;--font-body: "Nunito", sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--text-xs: clamp(11px, 1.5vw, 12px);--text-sm: clamp(13px, 1.8vw, 14px);--text-base: clamp(14px, 2vw, 16px);--text-md: clamp(16px, 2.2vw, 18px);--text-lg: clamp(18px, 2.5vw, 20px);--text-xl: clamp(20px, 3vw, 24px);--text-2xl: clamp(24px, 3.5vw, 32px);--text-3xl: clamp(32px, 4.5vw, 44px);--text-4xl: clamp(40px, 5.5vw, 56px);--text-5xl: clamp(48px, 7vw, 80px);--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.7;--lh-loose: 2;--ls-tight: -0.03em;--ls-normal: 0;--ls-wide: 0.04em;--ls-widest: 0.12em;--coral-50: #FFF1EE;--coral-100: #FFD5CA;--coral-200: #FFB09F;--coral-300: #FF8A73;--coral-400: #FF6A4E;--coral-500: #FF5035;--coral-600: #E03520;--coral-700: #B5230F;--coral-800: #8A1508;--coral-900: #5C0B03;--blue-50: #EDF0FF;--blue-100: #C8D0FF;--blue-200: #9FACFF;--blue-300: #7085FF;--blue-400: #4660FF;--blue-500: #1B3FFF;--blue-600: #1230D6;--blue-700: #0B22AA;--blue-800: #061680;--blue-900: #030C55;--lime-50: #F4FFD1;--lime-100: #E3FF9A;--lime-200: #CBFF55;--lime-300: #B3F000;--lime-400: #96CB00;--lime-500: #78A500;--lime-600: #5C7F00;--lime-700: #435C00;--lime-800: #2D3D00;--lime-900: #1A2300;--amber-50: #FFFBF0;--amber-100: #FFF3C7;--amber-200: #FFE48A;--amber-300: #FFD166;--amber-400: #F5BB30;--amber-500: #E0A000;--amber-600: #B07A00;--amber-700: #7D5500;--amber-800: #4E3400;--amber-900: #271900;--gray-0: #FFFFFF;--gray-50: #FAFAF8;--gray-100: #F4F3EF;--gray-200: #E8E6E0;--gray-300: #D0CEC5;--gray-400: #A8A69E;--gray-500: #807E78;--gray-600: #5C5A54;--gray-700: #3E3C38;--gray-800: #252420;--gray-900: #0D0C0A;--color-primary: var(--coral-500);--color-primary-hover: var(--coral-600);--color-primary-light: var(--coral-50);--color-primary-dark: var(--coral-700);--color-accent: var(--blue-500);--color-accent-hover: var(--blue-600);--color-accent-light: var(--blue-50);--color-pop: var(--lime-300);--color-pop-hover: var(--lime-400);--color-pop-light: var(--lime-50);--color-highlight: var(--amber-300);--color-highlight-light:var(--amber-50);--color-success: #2DAB6F;--color-success-light: #E6F8EF;--color-warning: var(--amber-400);--color-warning-light: var(--amber-50);--color-error: #E03535;--color-error-light: #FFECEC;--color-info: var(--blue-500);--color-info-light: var(--blue-50);--bg-page: var(--amber-50);--bg-surface: var(--gray-0);--bg-raised: var(--gray-50);--bg-sunken: var(--gray-100);--bg-overlay: rgba(13, 12, 10, 0.55);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--text-disabled: var(--gray-300);--text-on-dark: var(--gray-0);--text-on-primary:var(--gray-0);--text-link: var(--blue-500);--text-link-hover:var(--blue-700);--border-default: var(--gray-200);--border-strong: var(--gray-300);--border-focus: var(--blue-400);--border-error: var(--color-error);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--container-sm: 560px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-xxl: 1440px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(13,12,10,0.06);--shadow-sm: 0 2px 6px rgba(13,12,10,0.08);--shadow-md: 0 4px 16px rgba(13,12,10,0.10);--shadow-lg: 0 8px 32px rgba(13,12,10,0.12);--shadow-xl: 0 16px 48px rgba(13,12,10,0.16);--shadow-card: 0 2px 8px rgba(255,80,53,0.08), 0 1px 3px rgba(13,12,10,0.06);--shadow-pop: 0 8px 24px rgba(255,80,53,0.18);--glow-primary: 0 0 0 4px rgba(255,80,53,0.18);--glow-accent: 0 0 0 4px rgba(27,63,255,0.16);--glow-pop: 0 0 0 4px rgba(179,240,0,0.22);--transition-fast: 150ms ease;--transition-base: 250ms ease;--transition-slow: 400ms ease;--transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);--z-below: -1;--z-base: 0;--z-above: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--z-loader: 999;--header-height: 60px;--sidebar-width: 72px;--sidebar-expanded: 220px;--card-game-radius: var(--radius-xl);--badge-radius: var(--radius-full);--tag-radius: var(--radius-sm);--progress-height: 8px;--progress-radius: var(--radius-full);--avatar-sm: 32px;--avatar-md: 44px;--avatar-lg: 64px;--avatar-xl: 96px;--cat-quiz: var(--coral-500);--cat-puzzle: var(--blue-500);--cat-riddle: var(--lime-300);--cat-mini: var(--amber-300);--cat-logic: #9B5CFF;--cat-trivia: #00C9A7}@keyframes loader-progress{0%{width:0%}30%{width:45%}60%{width:72%}85%{width:90%}100%{width:100%}}@keyframes loader-bounce{0%,80%,100%{transform:scale(1);opacity:.6}40%{transform:scale(1.4);opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-down{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes btn-spin{to{transform:rotate(360deg)}}@keyframes blob-drift-1{0%,100%{transform:translate(0, 0) scale(1)}33%{transform:translate(30px, -20px) scale(1.06)}66%{transform:translate(-15px, 25px) scale(0.97)}}@keyframes blob-drift-2{0%,100%{transform:translate(0, 0) scale(1)}40%{transform:translate(-20px, 30px) scale(1.04)}70%{transform:translate(25px, -10px) scale(0.96)}}@keyframes blob-drift-3{0%,100%{transform:translate(0, 0)}50%{transform:translate(20px, -30px) scale(1.08)}}@keyframes float-card{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes card-entrance{from{opacity:0;transform:translateY(32px) rotate(3deg) scale(0.95)}to{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}@keyframes fav-pop{0%{transform:scale(1)}50%{transform:scale(1.45)}100%{transform:scale(1)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.btn{appearance:none;border:none;background:none;cursor:pointer;text-decoration:none;width:100%;max-width:460px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);white-space:nowrap;line-height:1;border-radius:var(--radius-full);border:2px solid rgba(0,0,0,0);position:relative;overflow:hidden;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-spring),box-shadow var(--transition-base)}.btn::after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,0);border-radius:inherit;transition:background-color var(--transition-fast)}.btn:hover::after{background:hsla(0,0%,100%,.12)}.btn:active{transform:scale(0.96)}.btn:focus-visible{outline:none;box-shadow:var(--glow-accent)}.btn:disabled,.btn[disabled],.btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none !important}.btn.is-loading{pointer-events:none}.btn.is-loading .btn__text{opacity:0}.btn.is-loading::before{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:btn-spin .7s linear infinite}.btn .btn__icon{display:flex;align-items:center;flex-shrink:width0;width:18px;height:18px}.btn .btn__icon svg{width:100%;height:100%}.btn--xs{font-size:var(--text-xs);padding:6px 14px;gap:var(--space-1)}.btn--xs .btn__icon{width:14px;height:14px}.btn--sm{font-size:var(--text-sm);padding:9px 20px}.btn--sm .btn__icon{width:16px;height:16px}.btn--md{font-size:var(--text-base);padding:12px 28px}.btn--lg{font-size:var(--text-md);padding:15px 36px}.btn--lg .btn__icon{width:20px;height:20px}.btn--xl{font-size:var(--text-lg);padding:18px 48px}.btn--xl .btn__icon{width:22px;height:22px}.btn--icon{padding:0;border-radius:var(--radius-md);aspect-ratio:1}.btn--icon.btn--xs{width:28px}.btn--icon.btn--sm{width:36px}.btn--icon.btn--md{width:44px}.btn--icon.btn--lg{width:52px}.btn--icon.btn--xl{width:60px}.btn--icon .btn__icon{width:50%;height:50%}.btn--primary{background:var(--color-primary);color:var(--text-on-primary);box-shadow:var(--shadow-card)}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-pop);transform:translateY(-2px)}.btn--primary:focus-visible{box-shadow:var(--glow-primary)}.btn--accent{background:var(--color-accent);color:var(--text-on-dark);box-shadow:0 4px 16px rgba(27,63,255,.22)}.btn--accent:hover{background:var(--color-accent-hover);box-shadow:0 8px 24px rgba(27,63,255,.3);transform:translateY(-2px)}.btn--accent:focus-visible{box-shadow:var(--glow-accent)}.btn--pop{background:var(--color-pop);color:var(--lime-800);box-shadow:0 4px 14px rgba(179,240,0,.25)}.btn--pop:hover{background:var(--color-pop-hover);box-shadow:0 8px 22px rgba(179,240,0,.35);transform:translateY(-2px)}.btn--pop:focus-visible{box-shadow:var(--glow-pop)}.btn--dark{background:var(--gray-900);color:var(--text-on-dark);box-shadow:var(--shadow-md)}.btn--dark:hover{background:var(--gray-800);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--outline{background:rgba(0,0,0,0);border-color:var(--border-strong);color:var(--text-primary)}.btn--outline:hover{background:var(--bg-raised);border-color:var(--color-primary);color:var(--color-primary)}.btn--outline::after{display:none}.btn--outline:focus-visible{box-shadow:var(--glow-primary)}.btn--outline-primary{background:rgba(0,0,0,0);border-color:var(--color-primary);color:var(--color-primary)}.btn--outline-primary:hover{background:var(--color-primary-light);transform:translateY(-1px)}.btn--outline-primary::after{display:none}.btn--outline-accent{background:rgba(0,0,0,0);border-color:var(--color-accent);color:var(--color-accent)}.btn--outline-accent:hover{background:var(--color-accent-light);transform:translateY(-1px)}.btn--outline-accent::after{display:none}.btn--ghost{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-sunken);color:var(--text-primary)}.btn--ghost::after{display:none}.btn--ghost-primary{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-primary)}.btn--ghost-primary:hover{background:var(--color-primary-light)}.btn--ghost-primary::after{display:none}.btn--text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--text-link);padding-left:0;padding-right:0;border-radius:0}.btn--text:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:3px}.btn--text::after{display:none}.btn--text:active{transform:none}.btn--highlight{background:var(--color-highlight);color:var(--amber-900);box-shadow:0 4px 14px rgba(255,209,102,.3)}.btn--highlight:hover{background:var(--amber-400);transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,209,102,.4)}.btn--play{background:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-xl);font-size:var(--text-xl);padding:20px 52px;font-weight:var(--fw-black);letter-spacing:var(--ls-widest);text-transform:uppercase;box-shadow:var(--shadow-pop),0 2px 0 var(--coral-700);transition:background-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-spring)}.btn--play:hover{background:var(--coral-400);transform:translateY(-3px);box-shadow:0 12px 32px rgba(255,80,53,.35),0 2px 0 var(--coral-700)}.btn--play:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(255,80,53,.2),0 1px 0 var(--coral-700)}@media only screen and (max-width: 575px){.btn--play{font-size:var(--text-lg);padding:16px}}.btn--full{width:100%}.btn--rounded{border-radius:var(--radius-lg)}.btn-group{display:inline-flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.btn-group .btn:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0}.btn-group .btn:not(:last-child){border-right-width:1px}.btn-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:5px 14px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);background:var(--bg-raised);color:var(--text-secondary);border:1.5px solid var(--border-default);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.btn-tag:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px)}.btn-tag.is-active{background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary)}.btn-block{justify-content:end}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;tab-size:4}body{background-color:var(--bg-page);color:var(--text-primary);min-height:100dvh;overflow-x:hidden}body.no-scroll{overflow:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto;object-fit:cover}input,button,textarea,select{font:inherit}button{cursor:pointer}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}ul[role=list],ol[role=list]{list-style:none}svg:not([class]){fill:currentColor}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-4)}@media only screen and (min-width: 576px){.container{padding-inline:var(--space-6)}}@media only screen and (min-width: 992px){.container{padding-inline:var(--space-10)}}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--xl{max-width:var(--container-xl)}.container--xxl{max-width:var(--container-xxl)}.section{padding-block:var(--space-16)}@media only screen and (max-width: 767px){.section{padding-block:var(--space-12)}}@media only screen and (max-width: 575px){.section{padding-block:var(--space-10)}}.section--sm{padding-block:var(--space-10)}@media only screen and (max-width: 575px){.section--sm{padding-block:var(--space-8)}}.section--lg{padding-block:var(--space-24)}@media only screen and (max-width: 767px){.section--lg{padding-block:var(--space-16)}}@media only screen and (max-width: 575px){.section--lg{padding-block:var(--space-12)}}.section-header{margin-bottom:var(--space-10)}@media only screen and (max-width: 575px){.section-header{margin-bottom:var(--space-8)}}.section-header--center{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:var(--space-10)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2, 1fr)}.grid-3{grid-template-columns:repeat(3, 1fr)}.grid-4{grid-template-columns:repeat(4, 1fr)}.grid-auto-sm{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr))}.grid-auto-md{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}@media only screen and (max-width: 767px){.grid-3,.grid-4{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1.5px solid var(--border-default);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.card--interactive:active{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card__body{padding:var(--space-6)}.card__header{padding:var(--space-4) var(--space-6);border-bottom:1.5px solid var(--border-default)}.card__footer{padding:var(--space-4) var(--space-6);border-top:1.5px solid var(--border-default)}.card__image{width:100%;aspect-ratio:16/9;object-fit:cover}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:var(--ls-wide)}.form-label--required::after{content:" *";color:var(--color-error)}.form-control{width:100%;padding:12px 16px;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control::placeholder{color:var(--text-muted)}.form-control:hover{border-color:var(--border-strong)}.form-control:focus{border-color:var(--border-focus);box-shadow:var(--glow-accent)}.form-control.is-error{border-color:var(--border-error);box-shadow:0 0 0 3px rgba(224,53,53,.12)}.form-control.is-success{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(45,171,111,.12)}.form-error{font-size:var(--text-xs);color:var(--color-error);font-weight:var(--fw-medium)}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.overlay.is-visible{opacity:1;visibility:visible}.progress{width:100%;height:var(--progress-height);background:var(--bg-sunken);border-radius:var(--progress-radius);overflow:hidden}.progress__bar{height:100%;background:var(--color-primary);border-radius:var(--progress-radius);transition:width var(--transition-slow)}.progress--accent .progress__bar{background:var(--color-accent)}.progress--pop .progress__bar{background:var(--color-pop)}.progress--multi .progress__bar{background:linear-gradient(90deg, var(--coral-500), var(--blue-500))}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-sunken);border:2px solid var(--border-default)}.avatar--sm{width:var(--avatar-sm);height:var(--avatar-sm)}.avatar--md{width:var(--avatar-md);height:var(--avatar-md)}.avatar--lg{width:var(--avatar-lg);height:var(--avatar-lg)}.avatar--xl{width:var(--avatar-xl);height:var(--avatar-xl)}.avatar-placeholder{border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-sm);flex-shrink:0;border:2px solid var(--coral-200)}.avatar-placeholder--sm{width:var(--avatar-sm);height:var(--avatar-sm);font-size:var(--text-xs)}.avatar-placeholder--md{width:var(--avatar-md);height:var(--avatar-md);font-size:var(--text-sm)}.avatar-placeholder--lg{width:var(--avatar-lg);height:var(--avatar-lg);font-size:var(--text-xl)}.avatar-placeholder--xl{width:var(--avatar-xl);height:var(--avatar-xl);font-size:var(--text-2xl)}.loader{position:fixed;inset:0;background:var(--amber-50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);z-index:var(--z-loader);transition:opacity .5s ease,visibility .5s ease}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__logo{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);color:var(--text-primary)}.loader__logo span{color:var(--color-primary)}.loader__bar-wrap{width:200px;height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.loader__bar{height:100%;width:0%;background:linear-gradient(90deg, var(--coral-500), var(--blue-500), var(--lime-300));border-radius:var(--radius-full);animation:loader-progress 1.4s cubic-bezier(0.4, 0, 0.2, 1) forwards}.loader__dots{display:flex;gap:var(--space-2)}.loader__dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:loader-bounce .9s ease-in-out infinite}.loader__dot:nth-child(2){background:var(--color-accent);animation-delay:.15s}.loader__dot:nth-child(3){background:var(--color-pop);animation-delay:.3s}.deco{position:absolute;border-radius:50%;pointer-events:none;will-change:transform}.deco--blob-1{width:clamp(200px,35vw,500px);height:clamp(200px,35vw,500px);background:radial-gradient(circle, rgba(255, 80, 53, 0.12) 0%, transparent 70%);filter:blur(40px)}.deco--blob-2{width:clamp(150px,28vw,400px);height:clamp(150px,28vw,400px);background:radial-gradient(circle, rgba(27, 63, 255, 0.1) 0%, transparent 70%);filter:blur(40px)}.deco--blob-3{width:clamp(100px,20vw,300px);height:clamp(100px,20vw,300px);background:radial-gradient(circle, rgba(179, 240, 0, 0.14) 0%, transparent 70%);filter:blur(32px)}.deco--circle{background:rgba(0,0,0,0);border:2px solid var(--border-default);opacity:.4}.deco--dot-grid{background-image:radial-gradient(circle, var(--gray-300) 1.5px, transparent 1.5px);background-size:24px 24px;opacity:.5;border-radius:0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal--left{opacity:0;transform:translateX(-28px);transition:opacity .6s ease,transform .6s ease}.reveal--left.is-visible{opacity:1;transform:translateX(0)}.reveal--right{opacity:0;transform:translateX(28px);transition:opacity .6s ease,transform .6s ease}.reveal--right.is-visible{opacity:1;transform:translateX(0)}.reveal--scale{opacity:0;transform:scale(0.93);transition:opacity .5s ease,transform .5s ease}.reveal--scale.is-visible{opacity:1;transform:scale(1)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:160ms}.reveal-delay-3{transition-delay:240ms}.reveal-delay-4{transition-delay:320ms}.reveal-delay-5{transition-delay:400ms}.reveal-delay-6{transition-delay:480ms}.reveal-delay-7{transition-delay:560ms}.reveal-delay-8{transition-delay:640ms}.anim-fade-in{animation:fade-in .4s ease forwards}.anim-fade-up{animation:fade-up .5s ease forwards}.anim-scale-in{animation:scale-in .4s ease forwards}.anim-float{animation:float 3s ease-in-out infinite}.anim-pulse{animation:pulse 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-200) 50%, var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.hidden{display:none !important}.visible{visibility:visible}.invisible{visibility:hidden}@media only screen and (max-width: 575px){.hide-sm{display:none !important}}@media only screen and (max-width: 767px){.hide-md{display:none !important}}@media only screen and (max-width: 991px){.hide-lg{display:none !important}}@media only screen and (min-width: 576px){.show-sm{display:none !important}}@media only screen and (min-width: 768px){.show-md{display:none !important}}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-inline:auto}.w-full{width:100%}.h-full{height:100%}[data-focus-trap]:focus{outline:2px solid var(--border-focus);outline-offset:3px}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text-primary);margin:0 0 var(--space-4)}h1,.h1{font-size:var(--text-5xl);font-weight:var(--fw-bold)}@media only screen and (max-width: 767px){h1,.h1{font-size:var(--text-4xl)}}@media only screen and (max-width: 575px){h1,.h1{font-size:var(--text-3xl)}}h2,.h2{font-size:var(--text-4xl)}@media only screen and (max-width: 767px){h2,.h2{font-size:var(--text-3xl)}}@media only screen and (max-width: 575px){h2,.h2{font-size:var(--text-2xl)}}h3,.h3{font-size:var(--text-3xl)}@media only screen and (max-width: 767px){h3,.h3{font-size:var(--text-2xl)}}@media only screen and (max-width: 575px){h3,.h3{font-size:var(--text-xl)}}h4,.h4{font-size:var(--text-2xl)}@media only screen and (max-width: 575px){h4,.h4{font-size:var(--text-xl)}}h5,.h5{font-size:var(--text-xl);font-weight:var(--fw-semibold)}h6,.h6{font-size:var(--text-lg);font-weight:var(--fw-semibold)}.display-1{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,7rem);font-weight:var(--fw-bold);line-height:1;letter-spacing:-0.04em;color:var(--text-primary)}.display-2{font-family:var(--font-display);font-size:clamp(2.75rem,7vw,5.5rem);font-weight:var(--fw-bold);line-height:1.05;letter-spacing:-0.03em;color:var(--text-primary)}.headline{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}@media only screen and (max-width: 575px){.headline{font-size:var(--text-2xl)}}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-3)}.section-label--decorated::before{content:"";display:inline-block;width:24px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0}p{margin:0 0 var(--space-4)}p:last-child{margin-bottom:0}.text-lead{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--text-secondary)}@media only screen and (max-width: 575px){.text-lead{font-size:var(--text-base)}}.text-body{font-size:var(--text-base);line-height:var(--lh-relaxed)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.fw-regular{font-weight:var(--fw-regular)}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.fw-extrabold{font-weight:var(--fw-extrabold)}.fw-black{font-weight:var(--fw-black)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-pop{color:var(--lime-500)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-on-dark{color:var(--text-on-dark)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-upper{text-transform:uppercase;letter-spacing:var(--ls-wide)}.text-no-wrap{white-space:nowrap}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-highlight{color:var(--color-primary)}.text-gradient{background:linear-gradient(135deg, var(--coral-500) 0%, var(--blue-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.text-underline-brand{text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:3px;text-underline-offset:4px}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--coral-50);text-underline-offset:3px}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}ul,ol{padding-left:var(--space-6);margin:0 0 var(--space-4)}ul li,ol li{margin-bottom:var(--space-2);line-height:var(--lh-relaxed)}ul{list-style-type:none;padding-left:0}ol{list-style-type:decimal}.list-bullet{list-style:none;padding-left:0}.list-bullet li{position:relative;padding-left:var(--space-6)}.list-bullet li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.list-check{list-style:none;padding-left:0}.list-check li{position:relative;padding-left:var(--space-7);margin-bottom:var(--space-3)}.list-check li::before{content:"";position:absolute;left:0;top:.25em;width:18px;height:18px;background:var(--color-success-light);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%232DAB6F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}.list-none{list-style:none;padding-left:0;margin:0}.list-none li{margin-bottom:0}.list-inline{list-style:none;padding-left:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-3)}.list-inline li{margin-bottom:0}blockquote,.blockquote{margin:var(--space-8) 0;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-8);border-left:4px solid var(--color-primary);background:var(--color-primary-light);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-lg);font-style:italic;color:var(--text-secondary);position:relative}blockquote::before,.blockquote::before{content:'"';position:absolute;top:-10px;left:var(--space-6);font-family:var(--font-display);font-size:5rem;font-weight:var(--fw-black);color:var(--color-primary);opacity:.2;line-height:1}code,kbd{font-family:"Fira Code","Cascadia Code",monospace;font-size:.88em;background:var(--bg-sunken);color:var(--coral-700);padding:2px 7px;border-radius:var(--radius-xs);border:1px solid var(--border-default)}hr,.divider{border:none;border-top:1.5px solid var(--border-default);margin:var(--space-8) 0}.divider--sm{margin:var(--space-4) 0}.stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--fw-black);line-height:1;letter-spacing:var(--ls-tight);color:var(--text-primary)}.stat-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--badge-radius);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;line-height:1.4;white-space:nowrap;width:fit-content;background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-default)}.badge--primary{background:var(--color-primary-light);color:var(--coral-700);border-color:var(--coral-200)}.badge--accent{background:var(--color-accent-light);color:var(--blue-700);border-color:var(--blue-200)}.badge--pop{background:var(--lime-50);color:var(--lime-700);border-color:var(--lime-200)}.badge--highlight{background:var(--amber-100);color:var(--amber-800);border-color:var(--amber-300)}.badge--success{background:var(--color-success-light);color:var(--color-success);border-color:rgba(45,171,111,.3)}.badge--warning{background:var(--color-warning-light);color:var(--amber-700);border-color:var(--amber-300)}.badge--error{background:var(--color-error-light);color:var(--color-error);border-color:rgba(224,53,53,.3)}.badge--xp{background:var(--color-highlight);color:var(--amber-900);border:none;font-weight:var(--fw-black);font-size:var(--text-sm);padding:4px 12px}.badge--new{background:var(--color-primary);color:var(--text-on-primary);border:none}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:var(--header-height);background:rgba(0,0,0,0);transition:background-color var(--transition-base),box-shadow var(--transition-base),backdrop-filter var(--transition-base)}.header.is-scrolled{background:rgba(255,251,240,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--border-default),var(--shadow-sm)}.header.menu-open{background:var(--bg-page)}.header__inner{height:100%;display:flex;align-items:center;gap:var(--space-6)}.header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0;transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.82;text-decoration:none}.header__logo:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:var(--radius-sm)}.header__logo-icon{display:flex;align-items:center;flex-shrink:0;transition:transform var(--transition-spring)}.header__logo:hover .header__logo-icon{transform:rotate(-6deg) scale(1.08)}.header__logo-icon svg{width:32px;height:32px}.header__logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-medium);color:var(--text-primary);letter-spacing:var(--ls-tight);white-space:nowrap}.header__logo-text strong{font-weight:var(--fw-black);color:var(--color-primary)}.header__nav{flex:1;display:flex;justify-content:center}@media only screen and (max-width: 991px){.header__nav{display:none}}.header__nav-list{display:flex;align-items:center;gap:var(--space-1)}.header__nav-link{position:relative;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.header__nav-link::after{content:"";position:absolute;bottom:4px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--color-primary);border-radius:var(--radius-full);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base)}.header__nav-link:hover{color:var(--text-primary);background:var(--bg-raised);text-decoration:none}.header__nav-link:hover::after{transform:scaleX(1)}.header__nav-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.header__nav-link.is-active{color:var(--color-primary)}.header__nav-link.is-active::after{transform:scaleX(1)}.header__actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;flex-shrink:0}@media only screen and (max-width: 991px){.header__actions{display:none}}.header__guest{display:flex;align-items:center;gap:var(--space-2)}.header__user{display:flex;align-items:center}.header__user-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:var(--bg-surface);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.header__user-link:hover{border-color:var(--color-primary);box-shadow:var(--glow-primary);background:var(--color-primary-light);text-decoration:none}.header__username{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:var(--space-2);background:rgba(0,0,0,0);border:none;cursor:pointer;border-radius:var(--radius-md);margin-left:auto;flex-shrink:0;transition:background-color var(--transition-fast)}.burger:hover{background:var(--bg-raised)}.burger:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media only screen and (max-width: 991px){.burger{display:flex}}.burger__line{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:var(--radius-full);transform-origin:center;transition:transform var(--transition-base),opacity var(--transition-fast),width var(--transition-base)}.burger.is-open .burger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.is-open .burger__line:nth-child(2){opacity:0;transform:scaleX(0)}.burger.is-open .burger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;z-index:var(--z-fixed);background:var(--bg-page);padding:var(--space-6) var(--space-4) var(--space-8);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-16px);pointer-events:none;transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base)}.mobile-menu.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}@media only screen and (min-width: 992px){.mobile-menu{display:none}}.mobile-menu__nav{flex:1;display:flex;flex-direction:column;gap:var(--space-8)}.mobile-menu__list{display:flex;flex-direction:column;gap:var(--space-1)}.mobile-menu__link{display:flex;align-items:center;padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-lg);transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.mobile-menu__link:hover{background:var(--color-primary-light);color:var(--color-primary);transform:translateX(6px);text-decoration:none}.mobile-menu__link.is-active{color:var(--color-primary);background:var(--color-primary-light)}.mobile-menu__actions{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-6);border-top:1.5px solid var(--border-default);margin-top:auto}.header-overlay{display:none;position:fixed;inset:0;top:var(--header-height);background:var(--bg-overlay);z-index:calc(var(--z-fixed) - 1);opacity:0;transition:opacity var(--transition-base);pointer-events:none}@media only screen and (max-width: 991px){.header-overlay{display:block}}.header-overlay.is-visible{opacity:1}:target{scroll-margin-top:calc(var(--header-height) + var(--space-6))}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;padding-top:var(--header-height);overflow:hidden;background:var(--bg-page)}.hero__deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero__deco-blob{position:absolute;border-radius:50%;will-change:transform}.hero__deco-blob--1{width:clamp(300px,45vw,700px);height:clamp(300px,45vw,700px);top:-15%;right:-10%;background:radial-gradient(circle, rgba(255, 80, 53, 0.1) 0%, transparent 65%);animation:blob-drift-1 18s ease-in-out infinite}.hero__deco-blob--2{width:clamp(200px,30vw,500px);height:clamp(200px,30vw,500px);bottom:5%;left:-8%;background:radial-gradient(circle, rgba(27, 63, 255, 0.08) 0%, transparent 65%);animation:blob-drift-2 22s ease-in-out infinite}.hero__deco-blob--3{width:clamp(150px,20vw,320px);height:clamp(150px,20vw,320px);top:50%;left:40%;background:radial-gradient(circle, rgba(179, 240, 0, 0.12) 0%, transparent 65%);animation:blob-drift-3 14s ease-in-out infinite}.hero__deco-grid{position:absolute;inset:0;background-image:radial-gradient(circle, var(--gray-300) 1px, transparent 1px);background-size:32px 32px;opacity:.3;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 100%)}.hero__float-card{position:absolute;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:2}@media only screen and (max-width: 767px){.hero__float-card{display:none}}.hero__float-icon{font-size:16px;line-height:1}.hero__float-label{line-height:1}.hero__float-card--1{top:30%;right:15%;animation:float-card 5s ease-in-out infinite;animation-delay:0s}.hero__float-card--2{top:52%;right:20%;animation:float-card 5s ease-in-out infinite;animation-delay:1.2s;border-color:var(--coral-200);background:var(--coral-50);color:var(--coral-700)}.hero__float-card--3{bottom:20%;right:32%;animation:float-card 5s ease-in-out infinite;animation-delay:2.4s;border-color:var(--amber-200);background:var(--amber-50);color:var(--amber-800)}.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;padding-block:var(--space-16)}@media only screen and (max-width: 991px){.hero__inner{grid-template-columns:1fr;gap:var(--space-10);padding-block:var(--space-12)}}@media only screen and (max-width: 575px){.hero__inner{padding-block:var(--space-8);gap:var(--space-8)}}.hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}@media only screen and (max-width: 991px){.hero__content{align-items:center;text-align:center}.hero__content .section-label{justify-content:center}}.hero__title{font-family:var(--font-display);font-size:clamp(2.6rem,5.5vw,4.5rem);font-weight:var(--fw-bold);line-height:1.05;letter-spacing:-0.03em;color:var(--text-primary);margin:0}.hero__title-accent{color:var(--color-primary);position:relative;display:inline-block}.hero__title-accent::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='6' viewBox='0 0 200 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4 Q25 0 50 4 Q75 8 100 4 Q125 0 150 4 Q175 8 200 4' stroke='%23FF5035' stroke-width='2' fill='none' opacity='0.7'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:100px 6px}.hero__subtitle{max-width:480px;color:var(--text-secondary)}@media only screen and (max-width: 991px){.hero__subtitle{max-width:560px}}.hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}@media only screen and (max-width: 991px){.hero__actions{justify-content:center}}@media only screen and (max-width: 575px){.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%;justify-content:center}}.hero__stats{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-3);padding-top:var(--space-5);border-top:1.5px solid var(--border-default)}@media only screen and (max-width: 991px){.hero__stats{justify-content:center}}@media only screen and (max-width: 319px){.hero__stats{gap:var(--space-4)}}.hero__stat{display:flex;flex-direction:column;gap:2px}.hero__stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--text-primary);line-height:1;letter-spacing:var(--ls-tight)}.hero__stat-label{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.hero__stat-divider{width:1.5px;height:36px;background:var(--border-default);flex-shrink:0;border-radius:var(--radius-full)}.hero__visual{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 991px){.hero__visual{order:-1}}.hero__card-stack{position:relative;width:100%;max-width:420px;margin-inline:auto}.hero__card-shadow{position:absolute;inset:0;background:var(--bg-surface);border-radius:var(--card-game-radius);border:1.5px solid var(--border-default)}.hero__card-shadow--1{transform:rotate(4deg) translateY(8px);background:var(--coral-50);border-color:var(--coral-100);z-index:0}.hero__card-shadow--2{transform:rotate(-3deg) translateY(14px);background:var(--blue-50);border-color:var(--blue-100);z-index:-1}.hero__game-card{position:relative;z-index:1;background:var(--bg-surface);border-radius:var(--card-game-radius);border:1.5px solid var(--border-default);box-shadow:var(--shadow-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);animation:card-entrance .8s cubic-bezier(0.34, 1.56, 0.64, 1) both;animation-delay:.4s}@media only screen and (max-width: 575px){.hero__game-card{padding:var(--space-5)}}.hero__game-card-header{display:flex;align-items:center;justify-content:space-between}.hero__game-card-question{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--fw-semibold);color:var(--text-primary);line-height:var(--lh-snug);margin:0}.hero__game-card-options{display:flex;flex-direction:column;gap:var(--space-2)}.hero__game-card-footer{display:flex;align-items:center;gap:var(--space-3)}.hero__game-card-footer .progress{flex:1}.hero__game-card-timer{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-muted);flex-shrink:0}.hero__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--border-default);background:var(--bg-raised);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.hero__option:hover{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent);transform:translateX(3px)}.hero__option--correct{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success)}.hero__option-dot{width:8px;height:8px;border-radius:50%;border:2px solid currentColor;flex-shrink:0;opacity:.6}.hero__option--correct .hero__option-dot{background:var(--color-success);border-color:var(--color-success);opacity:1;position:relative}.hero__option--correct .hero__option-dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:4px;height:4px;background:var(--bg-surface);border-radius:50%}.about{background:var(--bg-page);position:relative;overflow:hidden}.about::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg, transparent, var(--color-primary), transparent);border-radius:var(--radius-full)}.about__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}@media only screen and (max-width: 991px){.about__inner{grid-template-columns:1fr;gap:var(--space-10)}}.about__content{display:flex;flex-direction:column;gap:var(--space-6)}.about__text{color:var(--text-secondary);font-size:var(--text-md);line-height:var(--lh-relaxed)}.about__features{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-2)}.about__feature{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1.5px solid rgba(0,0,0,0);background:var(--bg-surface);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-spring)}.about__feature:hover{border-color:var(--border-default);box-shadow:var(--shadow-card);transform:translateX(4px)}.about__feature-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;line-height:1}.about__feature-icon--coral{background:var(--coral-50)}.about__feature-icon--blue{background:var(--blue-50)}.about__feature-icon--lime{background:var(--lime-50)}.about__feature-icon--amber{background:var(--amber-100)}.about__feature-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.about__feature-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0}.about__visual{display:flex;flex-direction:column;gap:var(--space-5)}.about__research-card{background:var(--gray-900);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;overflow:hidden}.about__research-card::before{content:"";position:absolute;width:200px;height:200px;top:-60px;right:-40px;background:radial-gradient(circle, rgba(255, 80, 53, 0.25) 0%, transparent 65%);border-radius:50%;pointer-events:none}.about__research-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--coral-400);margin-bottom:var(--space-4);position:relative;z-index:1}.about__research-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);position:relative;z-index:1}.about__research-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-black);color:var(--gray-0);line-height:1;letter-spacing:var(--ls-tight);margin-bottom:var(--space-1)}.about__research-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--gray-400);line-height:var(--lh-snug);margin:0}.about__research-quote{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid hsla(0,0%,100%,.1);font-family:var(--font-body);font-size:var(--text-sm);font-style:italic;color:var(--gray-400);line-height:var(--lh-relaxed);position:relative;z-index:1}.about__stat-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-3)}@media only screen and (max-width: 575px){.about__stat-row{grid-template-columns:repeat(3, 1fr);gap:var(--space-2)}}.about__stat-card{background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);text-align:center;transition:transform var(--transition-spring),box-shadow var(--transition-base)}.about__stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.about__stat-emoji{font-size:22px;line-height:1;margin-bottom:var(--space-2)}.about__stat-num{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-black);color:var(--text-primary);line-height:1;letter-spacing:var(--ls-tight)}.about__stat-label{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-1)}.catalog-preview{background:var(--bg-raised);position:relative}.catalog-preview::before{content:"";position:absolute;top:-1px;left:0;right:0;height:40px;background:var(--bg-page);clip-path:ellipse(55% 100% at 50% 0%)}.catalog-preview::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:40px;background:var(--bg-page);clip-path:ellipse(55% 100% at 50% 100%)}.catalog-preview__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-10)}@media only screen and (max-width: 575px){.catalog-preview__header{flex-direction:column;align-items:flex-start}}.catalog-preview__see-all{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary);text-decoration:none;white-space:nowrap;padding-bottom:var(--space-1);border-bottom:2px solid rgba(0,0,0,0);transition:border-color var(--transition-fast),gap var(--transition-spring)}.catalog-preview__see-all:hover{border-color:var(--color-primary);text-decoration:none;color:var(--coral-600);gap:var(--space-3)}.catalog-preview__see-all::after{content:"→";font-size:1.1em;transition:transform var(--transition-spring)}.catalog-preview__see-all:hover::after{transform:translateX(4px)}.catalog-preview__categories{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-4);margin-bottom:var(--space-12)}@media only screen and (max-width: 991px){.catalog-preview__categories{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.catalog-preview__categories{grid-template-columns:repeat(2, 1fr);gap:var(--space-3)}}.catalog-preview__cat-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-xl);border:1.5px solid var(--border-default);background:var(--bg-surface);cursor:pointer;text-decoration:none;overflow:hidden;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.catalog-preview__cat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-color, var(--color-primary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.catalog-preview__cat-card::after{content:var(--cat-icon, "🎯");position:absolute;bottom:-10px;right:-5px;font-size:72px;opacity:.06;line-height:1;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base)}.catalog-preview__cat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--cat-color, var(--color-primary));text-decoration:none}.catalog-preview__cat-card:hover::before{transform:scaleX(1)}.catalog-preview__cat-card:hover::after{opacity:.1;transform:scale(1.1) rotate(5deg)}.catalog-preview__cat-card:active{transform:translateY(-2px)}.catalog-preview__cat-card[data-category=quiz]{--cat-color: var(--cat-quiz);--cat-icon: "🧠"}.catalog-preview__cat-card[data-category=puzzle]{--cat-color: var(--cat-puzzle);--cat-icon: "🧩"}.catalog-preview__cat-card[data-category=riddle]{--cat-color: var(--cat-riddle);--cat-icon: "🔍"}.catalog-preview__cat-card[data-category=mini-game]{--cat-color: var(--cat-mini);--cat-icon: "⚡"}@media only screen and (max-width: 575px){.catalog-preview__cat-card{padding:var(--space-5) var(--space-4)}}.catalog-preview__cat-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--cat-bg, var(--color-primary-light));display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;flex-shrink:0;transition:transform var(--transition-spring)}.catalog-preview__cat-card:hover .catalog-preview__cat-icon{transform:scale(1.1) rotate(-4deg)}@media only screen and (max-width: 575px){.catalog-preview__cat-icon{width:44px;height:44px;font-size:20px}}.catalog-preview__cat-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.catalog-preview__cat-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-snug);margin:0}@media only screen and (max-width: 575px){.catalog-preview__cat-desc{display:none}}.catalog-preview__cat-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.catalog-preview__cat-count{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);color:var(--text-muted);text-transform:uppercase}.catalog-preview__cat-arrow{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.catalog-preview__cat-card:hover .catalog-preview__cat-arrow{background:var(--cat-color, var(--color-primary));border-color:var(--cat-color, var(--color-primary));color:#fff;transform:translateX(3px)}.catalog-preview__games-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-5)}.catalog-preview__games{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-4)}@media only screen and (max-width: 991px){.catalog-preview__games{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.catalog-preview__games{grid-template-columns:1fr}}.catalog-preview__game-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-xl);border:1.5px solid var(--border-default);box-shadow:var(--shadow-xs);cursor:pointer;text-decoration:none;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.catalog-preview__game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong);text-decoration:none}.catalog-preview__game-top{display:flex;align-items:center;justify-content:space-between}.catalog-preview__game-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);margin:0}.catalog-preview__game-meta{display:flex;align-items:center;gap:var(--space-3)}.catalog-preview__game-duration{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1)}.catalog-preview__game-duration::before{content:"⏱";font-size:12px}.catalog-preview__game-xp{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);color:var(--amber-700);background:var(--amber-100);padding:2px 8px;border-radius:var(--radius-full)}.catalog-preview__game-difficulty{width:8px;height:8px;border-radius:50%;flex-shrink:0}.catalog-preview__game-difficulty--easy{background:var(--color-success)}.catalog-preview__game-difficulty--medium{background:var(--color-warning)}.catalog-preview__game-difficulty--hard{background:var(--color-primary)}.catalog-preview__cta{margin-top:var(--space-12);display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media only screen and (max-width: 575px){.catalog-preview__cta{flex-direction:column}}.fav-btn{appearance:none;background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:var(--gray-300);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast),transform var(--transition-spring)}.fav-btn:hover{color:var(--coral-400);transform:scale(1.15)}.fav-btn.is-active{color:var(--color-primary)}.fav-btn--pop{animation:fav-pop .35s cubic-bezier(0.34, 1.56, 0.64, 1)}.blog-preview{background:var(--bg-raised);position:relative}.blog-preview::before{content:"";position:absolute;top:-1px;left:0;right:0;height:40px;background:var(--bg-page);clip-path:ellipse(55% 100% at 50% 0%)}.blog-preview__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-10)}@media only screen and (max-width: 575px){.blog-preview__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.blog-preview__see-all{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary);text-decoration:none;white-space:nowrap;padding-bottom:var(--space-1);border-bottom:2px solid rgba(0,0,0,0);transition:border-color var(--transition-fast),gap var(--transition-spring)}.blog-preview__see-all:hover{border-color:var(--color-primary);color:var(--coral-600);text-decoration:none;gap:var(--space-3)}.blog-preview__see-all::after{content:"→";font-size:1.1em;transition:transform var(--transition-spring)}.blog-preview__see-all:hover::after{transform:translateX(4px)}.blog-preview__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-5)}@media only screen and (max-width: 991px){.blog-preview__grid{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 575px){.blog-preview__grid{grid-template-columns:1fr}}.blog-preview__card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-xl);border:1.5px solid var(--border-default);cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.blog-preview__card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.blog-preview__card--featured{grid-row:span 2;background:var(--gray-900);border-color:rgba(0,0,0,0)}.blog-preview__card--featured:hover{border-color:var(--coral-700);box-shadow:var(--shadow-xl)}.blog-preview__card--featured .blog-preview__card-title{font-size:var(--text-2xl);color:var(--gray-0)}.blog-preview__card--featured .blog-preview__card-excerpt{color:var(--gray-400)}.blog-preview__card--featured .blog-preview__card-meta{border-color:hsla(0,0%,100%,.1)}.blog-preview__card--featured .blog-preview__card-author{color:var(--gray-400)}.blog-preview__card--featured .blog-preview__card-read{color:var(--gray-400)}@media only screen and (max-width: 991px){.blog-preview__card--featured{grid-row:span 1}.blog-preview__card--featured .blog-preview__card-title{font-size:var(--text-xl)}}.blog-preview__card-top{display:flex;align-items:center;justify-content:space-between}.blog-preview__card-emoji{font-size:36px;line-height:1}.blog-preview__card--featured .blog-preview__card-emoji{font-size:52px}.blog-preview__card-category{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;white-space:nowrap}.blog-preview__card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:0;flex:1}.blog-preview__card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-preview__card--featured .blog-preview__card-excerpt{-webkit-line-clamp:4}.blog-preview__card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1.5px solid var(--border-default);margin-top:auto}.blog-preview__card-author{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted)}.blog-preview__card-read{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);white-space:nowrap}.blog-preview__card-read::before{content:"⏱";font-size:11px}.blog-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;pointer-events:none}@media only screen and (min-width: 768px){.blog-modal{align-items:center;padding:var(--space-6)}}.blog-modal__backdrop{position:fixed;inset:0;background:var(--bg-overlay);opacity:0;transition:opacity var(--transition-base);cursor:pointer}.blog-modal__panel{position:relative;z-index:1;width:100%;max-width:680px;max-height:92dvh;background:var(--bg-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;flex-direction:column;overflow:hidden;transform:translateY(40px);opacity:0;transition:transform var(--transition-base),opacity var(--transition-base);box-shadow:var(--shadow-xl)}@media only screen and (min-width: 768px){.blog-modal__panel{border-radius:var(--radius-2xl);transform:translateY(20px) scale(0.97)}}.blog-modal.is-open{pointer-events:all}.blog-modal.is-open .blog-modal__backdrop{opacity:1}.blog-modal.is-open .blog-modal__panel{transform:translateY(0) scale(1);opacity:1}.blog-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1.5px solid var(--border-default);flex-shrink:0}.blog-modal__header-left{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.blog-modal__close{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border-default);background:var(--bg-raised);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;rotate:0;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.blog-modal__close:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:rotate(90deg)}.blog-modal__close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.blog-modal__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:0}@media only screen and (max-width: 575px){.blog-modal__title{font-size:var(--text-xl)}}.blog-modal__byline{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.blog-modal__author{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}.blog-modal__date{font-size:var(--text-xs);color:var(--text-muted)}.blog-modal__read-time{font-size:var(--text-xs);color:var(--text-muted)}.blog-modal__read-time::before{content:"⏱ "}.blog-modal__body{flex:1;overflow-y:auto;padding:var(--space-6);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gray-300) rgba(0,0,0,0)}.blog-modal__body::-webkit-scrollbar{width:4px}.blog-modal__body::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.blog-modal__body::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.blog-modal__paragraph{font-size:var(--text-base);color:var(--text-primary);line-height:var(--lh-relaxed);margin-bottom:var(--space-5)}.blog-modal__heading{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--ls-tight);margin:var(--space-8) 0 var(--space-3)}.blog-modal__callout{padding:var(--space-4) var(--space-5);background:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--coral-800);line-height:var(--lh-relaxed);margin:var(--space-6) 0;font-style:italic}.blog-modal__footer{padding:var(--space-4) var(--space-6);border-top:1.5px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:var(--space-4);flex-wrap:wrap}.blog-modal__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.blog-modal__tag{padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border-default)}.blog-page__hero{padding-top:calc(var(--header-height) + var(--space-12));padding-bottom:var(--space-14);background:var(--bg-page);position:relative;overflow:hidden}@media only screen and (max-width: 575px){.blog-page__hero{padding-top:calc(var(--header-height) + var(--space-8));padding-bottom:var(--space-10)}}.blog-page__hero-deco{position:absolute;inset:0;pointer-events:none}.blog-page__hero-blob{position:absolute;border-radius:50%}.blog-page__hero-blob--1{width:clamp(300px,40vw,580px);height:clamp(300px,40vw,580px);top:-20%;right:-8%;background:radial-gradient(circle, rgba(27, 63, 255, 0.08) 0%, transparent 65%);animation:blob-drift-1 20s ease-in-out infinite}.blog-page__hero-blob--2{width:clamp(180px,25vw,360px);height:clamp(180px,25vw,360px);bottom:-10%;left:-5%;background:radial-gradient(circle, rgba(255, 80, 53, 0.08) 0%, transparent 65%);animation:blob-drift-2 24s ease-in-out infinite}.blog-page__hero-grid{position:absolute;inset:0;background-image:radial-gradient(circle, var(--gray-300) 1px, transparent 1px);background-size:28px 28px;opacity:.2;mask-image:radial-gradient(ellipse 80% 100% at 50% 0%, black 30%, transparent 80%)}.blog-page__hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);max-width:680px;margin:0 auto}.blog-page__hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:var(--fw-bold);line-height:1.05;letter-spacing:-0.03em;color:var(--text-primary);margin:0}.blog-page__hero-subtitle{max-width:500px;color:var(--text-secondary);margin:0}.blog-page__search{position:relative;width:100%;max-width:480px;margin-top:var(--space-2)}.blog-page__search-input{width:100%;padding:14px 48px 14px 20px;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-full);outline:none;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.blog-page__search-input::placeholder{color:var(--text-muted)}.blog-page__search-input:focus{border-color:var(--border-focus);box-shadow:var(--glow-accent)}.blog-page__search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;line-height:1;pointer-events:none;color:var(--text-muted)}.blog-page__featured{background:var(--bg-page)}.blog-page__featured-card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--gray-900);border-radius:var(--radius-2xl);overflow:hidden;cursor:pointer;border:1.5px solid rgba(0,0,0,0);box-shadow:var(--shadow-lg);transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.blog-page__featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--coral-700)}@media only screen and (max-width: 991px){.blog-page__featured-card{grid-template-columns:1fr}}.blog-page__featured-visual{display:flex;align-items:center;justify-content:center;padding:var(--space-12);background:linear-gradient(135deg, rgba(255, 80, 53, 0.15) 0%, rgba(27, 63, 255, 0.12) 100%);position:relative;overflow:hidden;min-height:280px}.blog-page__featured-visual::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid hsla(0,0%,100%,.06);top:50%;left:50%;transform:translate(-50%, -50%)}.blog-page__featured-visual::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid hsla(0,0%,100%,.04);top:50%;left:50%;transform:translate(-50%, -50%)}@media only screen and (max-width: 991px){.blog-page__featured-visual{min-height:180px;padding:var(--space-8)}}.blog-page__featured-emoji{font-size:88px;line-height:1;position:relative;z-index:1;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(0, 0, 0, 0.3))}@media only screen and (max-width: 991px){.blog-page__featured-emoji{font-size:64px}}.blog-page__featured-body{padding:var(--space-10) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center}@media only screen and (max-width: 991px){.blog-page__featured-body{padding:var(--space-7) var(--space-6)}}@media only screen and (max-width: 575px){.blog-page__featured-body{padding:var(--space-6) var(--space-5)}}.blog-page__featured-eyebrow{display:flex;align-items:center;gap:var(--space-3)}.blog-page__featured-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--coral-400)}.blog-page__featured-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:var(--fw-bold);color:var(--gray-0);line-height:1.2;letter-spacing:var(--ls-tight);margin:0}.blog-page__featured-excerpt{font-size:var(--text-base);color:var(--gray-400);line-height:var(--lh-relaxed);margin:0}.blog-page__featured-meta{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid hsla(0,0%,100%,.08);flex-wrap:wrap}.blog-page__featured-author{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--gray-400)}.blog-page__featured-read{font-size:var(--text-sm);color:var(--gray-500);display:flex;align-items:center;gap:var(--space-1)}.blog-page__featured-read::before{content:"⏱";font-size:12px}.blog-page__featured-cta{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--coral-400);transition:gap var(--transition-spring)}.blog-page__featured-cta::after{content:"→";transition:transform var(--transition-spring)}.blog-page__featured-card:hover .blog-page__featured-cta{gap:var(--space-3)}.blog-page__featured-card:hover .blog-page__featured-cta::after{transform:translateX(4px)}.blog-page__main{background:var(--bg-raised);position:relative}.blog-page__main::before{content:"";position:absolute;top:-1px;left:0;right:0;height:48px;background:var(--bg-page);clip-path:ellipse(55% 100% at 50% 0%)}.blog-page__filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding-top:var(--space-4)}.blog-page__count{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);min-height:20px;font-weight:var(--fw-medium)}.blog-page__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-5)}@media only screen and (max-width: 991px){.blog-page__grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.blog-page__grid{grid-template-columns:1fr}}.blog-page__card{display:flex;flex-direction:column;background:var(--bg-surface);border-radius:var(--radius-xl);border:1.5px solid var(--border-default);overflow:hidden;cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.blog-page__card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.blog-page__card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.blog-page__card-banner{display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5);font-size:52px;line-height:1;min-height:110px;position:relative;overflow:hidden;transition:background-color var(--transition-base)}.blog-page__card-banner::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle, rgba(255, 255, 255, 0.15) 1px, transparent 1px);background-size:20px 20px;opacity:.5}.blog-page__card-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.blog-page__card-top{display:flex;align-items:center;justify-content:space-between}.blog-page__card-category{padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase}.blog-page__card-read{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);display:flex;align-items:center;gap:4px}.blog-page__card-read::before{content:"⏱";font-size:11px}.blog-page__card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:0;background-image:linear-gradient(var(--color-primary), var(--color-primary));background-repeat:no-repeat;background-size:0% 2px;background-position:left bottom;padding-bottom:2px;transition:background-size var(--transition-base)}.blog-page__card:hover .blog-page__card-title{background-size:100% 2px}.blog-page__card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-page__card-footer{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1.5px solid var(--border-default);margin-top:auto}.blog-page__card-author-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:10px;font-weight:var(--fw-bold);flex-shrink:0;color:var(--coral-700);background:var(--coral-50);border:1.5px solid var(--coral-200)}.blog-page__card-author-name{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);flex:1}.blog-page__card-date{font-size:var(--text-xs);color:var(--text-muted)}.blog-page__card-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.blog-page__card-tag{font-size:11px;font-weight:var(--fw-semibold);color:var(--text-muted);padding:1px 8px;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-full)}.blog-page__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-16) 0;text-align:center}.blog-page__empty-icon{font-size:52px;line-height:1;opacity:.4}.blog-page__empty-text{font-size:var(--text-lg);color:var(--text-muted);margin:0}.blog-page__cta{background:var(--bg-page);padding:var(--space-12) 0}.blog-page__cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-8) var(--space-10);background:gba(255, 255, 255, 0.05);border-radius:var(--radius-2xl);border:1.5px solid var(--border-default);box-shadow:var(--shadow-md)}@media only screen and (max-width: 991px){.blog-page__cta-inner{flex-direction:column;text-align:center;padding:var(--space-7) var(--space-6)}}.blog-page__cta-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--ls-tight);margin-bottom:var(--space-1)}@media only screen and (max-width: 575px){.blog-page__cta-title{font-size:var(--text-xl)}}.blog-page__cta-sub{font-size:var(--text-sm);color:var(--text-muted);margin:0}.blog-page__cta-actions{display:flex;gap:var(--space-3);flex-shrink:0;flex-wrap:wrap}@media only screen and (max-width: 991px){.blog-page__cta-actions{justify-content:center}}@media only screen and (max-width: 575px){.blog-page__cta-actions{flex-direction:column;width:100%}.blog-page__cta-actions .btn{width:100%;justify-content:center}}.auth-page{min-height:100dvh;padding-top:var(--header-height);background:var(--bg-page);display:flex;align-items:stretch;position:relative;overflow:hidden}.auth-page__blob{position:absolute;border-radius:50%;pointer-events:none}.auth-page__blob--1{width:clamp(300px,40vw,600px);height:clamp(300px,40vw,600px);top:-10%;left:-8%;background:radial-gradient(circle, rgba(255, 80, 53, 0.09) 0%, transparent 65%);animation:blob-drift-1 20s ease-in-out infinite}.auth-page__blob--2{width:clamp(200px,28vw,420px);height:clamp(200px,28vw,420px);bottom:5%;right:-6%;background:radial-gradient(circle, rgba(27, 63, 255, 0.08) 0%, transparent 65%);animation:blob-drift-2 24s ease-in-out infinite}.auth-page__deco-grid{position:absolute;inset:0;background-image:radial-gradient(circle, var(--gray-300) 1px, transparent 1px);background-size:28px 28px;opacity:.2;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 30% 50%, black 20%, transparent 75%)}.auth-page__inner{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center;padding-block:var(--space-12)}@media only screen and (max-width: 991px){.auth-page__inner{grid-template-columns:1fr;gap:var(--space-8);padding-block:var(--space-8)}}.auth-panel--left{display:flex;flex-direction:column;gap:var(--space-8);padding-right:var(--space-8)}@media only screen and (max-width: 991px){.auth-panel--left{padding-right:0;gap:var(--space-6)}}.auth-panel--right{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1.5px solid var(--border-default);box-shadow:var(--shadow-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}@media only screen and (max-width: 575px){.auth-panel--right{padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl)}}.auth-panel__brand{display:flex;flex-direction:column;gap:var(--space-4)}.auth-panel__title{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3rem);font-weight:var(--fw-bold);line-height:1.08;letter-spacing:-0.03em;color:var(--text-primary);margin:0}.auth-panel__title-accent{color:var(--color-primary)}.auth-panel__subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--lh-relaxed);max-width:400px;margin:0}.auth-panel__features{display:flex;flex-direction:column;gap:var(--space-4)}.auth-panel__feature{display:flex;align-items:flex-start;gap:var(--space-3)}.auth-panel__feature strong{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:2px}.auth-panel__feature p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-snug);margin:0}.auth-panel__feature-icon{font-size:20px;line-height:1;margin-top:2px;flex-shrink:0}.auth-panel__stats{display:flex;align-items:center;gap:var(--space-5);padding-top:var(--space-5);border-top:1.5px solid var(--border-default)}.auth-panel__stat{display:flex;flex-direction:column;gap:2px}.auth-panel__stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--text-primary);line-height:1;letter-spacing:var(--ls-tight)}.auth-panel__stat-label{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.auth-panel__stat-div{width:1.5px;height:32px;background:var(--border-default);border-radius:var(--radius-full);flex-shrink:0}.auth-tabs{display:flex;position:relative;background:var(--bg-raised);border-radius:var(--radius-full);padding:4px;gap:0}.auth-tabs__btn{flex:1;padding:10px var(--space-4);border-radius:var(--radius-full);border:none;background:rgba(0,0,0,0);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-muted);cursor:pointer;position:relative;z-index:1;transition:color var(--transition-fast)}.auth-tabs__btn.is-active{color:var(--text-primary)}.auth-tabs__btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.auth-tabs__indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc(50% - 4px);background:var(--bg-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:1.5px solid var(--border-default);transition:transform var(--transition-spring);pointer-events:none}.auth-tabs__indicator.at-register{transform:translateX(calc(100% + 4px))}.auth-form{display:flex;flex-direction:column;gap:0;animation:fade-up .35s ease both}.auth-form__header{margin-bottom:var(--space-6)}.auth-form__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--ls-tight);margin-bottom:var(--space-1)}.auth-form__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.auth-form__input-wrap{position:relative}.auth-form__input-wrap .form-control{padding-right:44px}.auth-form__eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;line-height:1;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-xs);transition:color var(--transition-fast)}.auth-form__eye:hover{color:var(--text-primary)}.auth-form__strength{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.auth-form__strength-track{flex:1;height:4px;background:var(--bg-sunken);border-radius:var(--radius-full);overflow:hidden}.auth-form__strength-fill{height:100%;border-radius:var(--radius-full);width:0%;transition:width var(--transition-base),background-color var(--transition-base)}.auth-form__strength-fill.weak{width:33%;background:var(--color-error)}.auth-form__strength-fill.fair{width:66%;background:var(--color-warning)}.auth-form__strength-fill.strong{width:100%;background:var(--color-success)}.auth-form__strength-label{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);min-width:40px;text-align:right;color:var(--text-muted)}.auth-form__strength-label.weak{color:var(--color-error)}.auth-form__strength-label.fair{color:var(--color-warning)}.auth-form__strength-label.strong{color:var(--color-success)}.auth-form__submit{margin-top:var(--space-2)}.auth-form__switch{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-top:var(--space-4)}.auth-form__switch .btn--text{font-size:var(--text-sm);font-weight:var(--fw-bold)}.auth-profile{display:flex;flex-direction:column;gap:var(--space-6);animation:fade-up .35s ease both}.auth-profile__avatar-wrap{display:flex;align-items:center;gap:var(--space-4)}.auth-profile__avatar-ring{position:relative;flex-shrink:0}.auth-profile__avatar{width:var(--avatar-xl);height:var(--avatar-xl);border-radius:50%;background:var(--coral-50);border:3px solid var(--coral-200);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.auth-profile__avatar-initials{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-black);color:var(--color-primary);line-height:1;user-select:none}.auth-profile__avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.auth-profile__avatar-upload{position:absolute;bottom:0;right:0;width:30px;height:30px;border-radius:50%;background:var(--color-primary);border:2px solid var(--bg-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:transform var(--transition-spring),background-color var(--transition-fast)}.auth-profile__avatar-upload:hover{background:var(--color-primary-hover);transform:scale(1.12)}.auth-profile__avatar-info{display:flex;flex-direction:column;gap:var(--space-1)}.auth-profile__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-black);color:var(--text-primary);margin:0}.auth-profile__username{font-size:var(--text-sm);color:var(--text-muted);margin:0}.auth-profile__stats{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-raised);border-radius:var(--radius-lg);border:1.5px solid var(--border-default)}.auth-profile__stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;text-align:center}.auth-profile__stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--text-primary);line-height:1;letter-spacing:var(--ls-tight)}.auth-profile__stat-label{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.auth-profile__stat-div{width:1.5px;height:28px;background:var(--border-default);flex-shrink:0}.auth-profile__section-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4)}.auth-profile__cat-list{display:flex;flex-direction:column;gap:var(--space-3)}.auth-profile__cat-item{display:flex;align-items:center;gap:var(--space-3)}.auth-profile__cat-emoji{font-size:18px;line-height:1;width:24px;text-align:center;flex-shrink:0}.auth-profile__cat-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);width:76px;flex-shrink:0}.auth-profile__cat-bar{flex:1;height:6px;background:var(--bg-sunken);border-radius:var(--radius-full);overflow:hidden}.auth-profile__cat-fill{height:100%;border-radius:var(--radius-full);transition:width .7s cubic-bezier(0.4, 0, 0.2, 1)}.auth-profile__cat-score{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-muted);width:36px;text-align:right;flex-shrink:0}.auth-profile__form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.auth-profile__success{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-semibold);margin-top:var(--space-3);animation:fade-up .3s ease both}.auth-profile__edit-form{border-top:1.5px solid var(--border-default);padding-top:var(--space-6)}.how-it-works{background:var(--bg-page);position:relative;overflow:hidden}.how-it-works::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle, var(--gray-300) 1px, transparent 1px);background-size:28px 28px;opacity:.22;pointer-events:none;mask-image:radial-gradient(ellipse 70% 100% at 80% 50%, black 20%, transparent 80%)}.how-it-works__inner{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-16);align-items:center}@media only screen and (max-width: 991px){.how-it-works__inner{grid-template-columns:1fr;gap:var(--space-10)}}.how-it-works__intro{display:flex;flex-direction:column;gap:var(--space-6)}@media only screen and (min-width: 992px){.how-it-works__intro{position:sticky;top:calc(var(--header-height) + var(--space-8))}}.how-it-works__intro-text{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--lh-relaxed);max-width:380px}.how-it-works__intro-cta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.how-it-works__steps{display:flex;flex-direction:column;gap:0;position:relative}.how-it-works__connector{position:absolute;top:56px;left:27px;bottom:56px;width:2px;background:linear-gradient(to bottom, var(--color-primary) 0%, var(--color-accent) 50%, var(--color-pop) 100%);opacity:.25}@media only screen and (max-width: 575px){.how-it-works__connector{left:23px}}.how-it-works__step{display:flex;gap:var(--space-6);padding:var(--space-6) 0;position:relative}.how-it-works__step:first-child{padding-top:0}.how-it-works__step:last-child{padding-bottom:0}@media only screen and (max-width: 575px){.how-it-works__step{gap:var(--space-4)}}.how-it-works__step-num{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-black);flex-shrink:0;position:relative;z-index:1;transition:transform var(--transition-spring)}.how-it-works__step-num--coral{background:var(--coral-50);color:var(--coral-700);border:2px solid var(--coral-200)}.how-it-works__step-num--blue{background:var(--blue-50);color:var(--blue-700);border:2px solid var(--blue-100)}.how-it-works__step-num--lime{background:var(--lime-50);color:var(--lime-700);border:2px solid var(--lime-200)}.how-it-works__step:hover .how-it-works__step-num{transform:scale(1.12)}@media only screen and (max-width: 575px){.how-it-works__step-num{width:46px;height:46px;font-size:var(--text-base)}}.how-it-works__step-body{flex:1;padding-top:var(--space-2)}.how-it-works__step-icon{font-size:28px;line-height:1;margin-bottom:var(--space-2)}.how-it-works__step-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:var(--ls-tight)}.how-it-works__step-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0;max-width:480px}.how-it-works__step-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.how-it-works__step-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 12px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-semibold);background:var(--bg-raised);color:var(--text-muted);border:1.5px solid var(--border-default)}.faq{background:var(--bg-raised);position:relative}.faq::before{content:"";position:absolute;top:-1px;left:0;right:0;height:40px;background:var(--bg-page);clip-path:ellipse(55% 100% at 50% 0%)}.faq::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:40px;background:var(--bg-page);clip-path:ellipse(55% 100% at 50% 100%)}.faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-10)}@media only screen and (max-width: 767px){.faq__grid{grid-template-columns:1fr}}.faq__item{background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-base)}.faq__item.is-open{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:rgba(0,0,0,0);border:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);transition:color var(--transition-fast)}.faq__question:hover{color:var(--color-primary)}.faq__question:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.faq__item.is-open .faq__question{color:var(--color-primary)}@media only screen and (max-width: 575px){.faq__question{padding:var(--space-4) var(--space-5)}}.faq__icon{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border-default);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);font-size:18px;line-height:1;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.faq__item.is-open .faq__icon{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-primary);transform:rotate(45deg)}.faq__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}.faq__item.is-open .faq__answer{grid-template-rows:1fr}.faq__answer-inner{overflow:hidden}.faq__answer-text{padding:0 var(--space-6) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0}@media only screen and (max-width: 575px){.faq__answer-text{padding:0 var(--space-5) var(--space-4)}}.faq__answer-text a{color:var(--text-link);font-weight:var(--fw-semibold)}.faq__answer-text a:hover{color:var(--text-link-hover)}.faq__divider{height:1px;background:var(--border-default);margin:0 var(--space-6);opacity:0;transition:opacity var(--transition-fast)}.faq__item.is-open .faq__divider{opacity:1}.faq__footer{margin-top:var(--space-10);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.faq__footer-text{font-size:var(--text-sm);color:var(--text-muted)}.games-preview{background:var(--bg-raised);position:relative}.games-preview::before{content:"";position:absolute;top:-1px;left:0;right:0;height:56px;background:var(--bg-page);clip-path:ellipse(55% 100% at 50% 0%)}.games-preview__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-10)}@media only screen and (max-width: 575px){.games-preview__header{flex-direction:column;align-items:flex-start}}.games-preview__header-link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary);text-decoration:none;white-space:nowrap;padding-bottom:var(--space-1);border-bottom:2px solid rgba(0,0,0,0);transition:border-color var(--transition-fast),gap var(--transition-spring)}.games-preview__header-link:hover{border-color:var(--color-primary);color:var(--coral-600);text-decoration:none;gap:var(--space-3)}.games-preview__header-link::after{content:"→";font-size:1.1em;transition:transform var(--transition-spring)}.games-preview__header-link:hover::after{transform:translateX(4px)}.games-preview__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-5);margin-bottom:var(--space-10)}@media only screen and (max-width: 991px){.games-preview__grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.games-preview__grid{grid-template-columns:1fr;gap:var(--space-4)}}.games-preview__card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);border:1.5px solid var(--border-default);background:var(--bg-surface);text-decoration:none;overflow:hidden;cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.games-preview__card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gpc, var(--color-primary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.games-preview__card::after{content:var(--gpe, "🎯");position:absolute;bottom:-12px;right:-4px;font-size:80px;opacity:.055;line-height:1;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.games-preview__card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--gpc, var(--color-primary));text-decoration:none}.games-preview__card:hover::before{transform:scaleX(1)}.games-preview__card:hover::after{opacity:.1;transform:scale(1.08) rotate(4deg)}.games-preview__card[data-type=quiz]{--gpc: var(--coral-500);--gpe: "🧠"}.games-preview__card[data-type=puzzle]{--gpc: var(--blue-500);--gpe: "🧩"}.games-preview__card[data-type=riddle]{--gpc: var(--lime-400);--gpe: "🔍"}.games-preview__card[data-type=mini-game]{--gpc: var(--amber-400);--gpe: "⚡"}.games-preview__card-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;flex-shrink:0;transition:transform var(--transition-spring)}.games-preview__card:hover .games-preview__card-icon{transform:scale(1.12) rotate(-5deg)}.games-preview__card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--ls-tight);margin-bottom:var(--space-1)}.games-preview__card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0}.games-preview__card-samples{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}.games-preview__card-sample{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.games-preview__card-sample::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gpc, var(--color-primary));flex-shrink:0;opacity:.7}.games-preview__card:hover .games-preview__card-sample{border-color:var(--gpc, var(--color-primary));color:var(--text-primary)}.games-preview__card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);border-top:1.5px solid var(--border-default)}.games-preview__card-count{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);color:var(--text-muted);text-transform:uppercase}.games-preview__card-cta{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);color:var(--gpc, var(--color-primary));display:flex;align-items:center;gap:4px;transition:gap var(--transition-spring)}.games-preview__card:hover .games-preview__card-cta{gap:8px}.games-preview__cta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media only screen and (max-width: 575px){.games-preview__cta{flex-direction:column}.games-preview__cta .btn{width:100%;justify-content:center}}.reviews{background:var(--bg-page);position:relative;overflow:hidden}.reviews::before{content:"";position:absolute;width:clamp(280px,40vw,600px);height:clamp(280px,40vw,600px);top:-100px;right:-80px;background:radial-gradient(circle, rgba(27, 63, 255, 0.07) 0%, transparent 65%);border-radius:50%;pointer-events:none}.reviews__summary{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-12);padding:var(--space-6) var(--space-8);background:var(--bg-surface);border-radius:var(--radius-2xl);border:1.5px solid var(--border-default);box-shadow:var(--shadow-sm)}@media only screen and (max-width: 767px){.reviews__summary{flex-direction:column;gap:var(--space-5);padding:var(--space-6);text-align:center}}.reviews__summary-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex-shrink:0}.reviews__summary-number{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--fw-black);color:var(--text-primary);line-height:1;letter-spacing:var(--ls-tight)}.reviews__stars{display:flex;gap:2px;color:var(--color-highlight);font-size:20px;line-height:1}.reviews__summary-label{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.reviews__summary-divider{width:1.5px;height:64px;background:var(--border-default);border-radius:var(--radius-full);flex-shrink:0}@media only screen and (max-width: 767px){.reviews__summary-divider{display:none}}.reviews__summary-bars{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.reviews__bar-row{display:flex;align-items:center;gap:var(--space-3)}.reviews__bar-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);white-space:nowrap;flex-shrink:0;width:28px;text-align:right}.reviews__bar-track{flex:1;height:6px;background:var(--bg-sunken);border-radius:var(--radius-full);overflow:hidden}.reviews__bar-fill{height:100%;background:var(--color-highlight);border-radius:var(--radius-full);transform-origin:left;transform:scaleX(0);transition:transform .8s cubic-bezier(0.4, 0, 0.2, 1)}.reviews__bar-fill.is-visible{transform:scaleX(1)}.reviews__bar-count{font-size:var(--text-xs);color:var(--text-muted);width:24px;flex-shrink:0}.reviews__summary-quote{flex:1;font-size:var(--text-md);font-style:italic;color:var(--text-secondary);line-height:var(--lh-relaxed)}@media only screen and (max-width: 767px){.reviews__summary-quote{display:none}}.reviews__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-5)}@media only screen and (max-width: 991px){.reviews__grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.reviews__grid{grid-template-columns:1fr}}.reviews__card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-xl);border:1.5px solid var(--border-default);box-shadow:var(--shadow-xs);transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.reviews__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.reviews__card--featured{border-color:var(--coral-200);background:linear-gradient(145deg, var(--coral-50) 0%, var(--bg-surface) 60%)}.reviews__card--featured:hover{border-color:var(--color-primary)}.reviews__card-header{display:flex;align-items:center;justify-content:space-between}.reviews__card-stars{display:flex;gap:2px;color:var(--color-highlight);font-size:14px;line-height:1}.reviews__card-category{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-muted);letter-spacing:var(--ls-wide)}.reviews__card-text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--lh-relaxed);flex:1;position:relative;padding-left:var(--space-5)}.reviews__card-text::before{content:'"';position:absolute;left:0;top:-6px;font-family:var(--font-display);font-size:2.5rem;font-weight:var(--fw-black);color:var(--color-primary);opacity:.2;line-height:1}.reviews__card-author{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1.5px solid var(--border-default)}.reviews__author-avatar{flex-shrink:0}.reviews__author-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-primary)}.reviews__author-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.reviews__author-verified{margin-left:auto;flex-shrink:0;font-size:16px;color:var(--color-success)}.cta-banner{background:var(--gray-900);position:relative;overflow:hidden;padding-block:var(--space-20)}@media only screen and (max-width: 767px){.cta-banner{padding-block:var(--space-14)}}.cta-banner__btn{color:var(--gray-0);border-color:hsla(0,0%,100%,.25)}.cta-banner__blob{position:absolute;border-radius:50%;pointer-events:none}.cta-banner__blob--1{width:clamp(300px,40vw,600px);height:clamp(300px,40vw,600px);top:-30%;left:-10%;background:radial-gradient(circle, rgba(255, 80, 53, 0.18) 0%, transparent 65%);animation:blob-drift-1 20s ease-in-out infinite}.cta-banner__blob--2{width:clamp(200px,28vw,440px);height:clamp(200px,28vw,440px);bottom:-20%;right:-8%;background:radial-gradient(circle, rgba(27, 63, 255, 0.15) 0%, transparent 65%);animation:blob-drift-2 24s ease-in-out infinite}.cta-banner__blob--3{width:clamp(120px,18vw,280px);height:clamp(120px,18vw,280px);top:40%;right:20%;background:radial-gradient(circle, rgba(179, 240, 0, 0.12) 0%, transparent 65%);animation:blob-drift-3 16s ease-in-out infinite}.cta-banner__grid{position:absolute;inset:0;background-image:radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size:28px 28px;pointer-events:none}.cta-banner__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-8)}.cta-banner__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--coral-300)}.cta-banner__eyebrow::before,.cta-banner__eyebrow::after{content:"";display:inline-block;width:20px;height:1.5px;background:var(--coral-500);border-radius:var(--radius-full);opacity:.6}.cta-banner__title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);font-weight:var(--fw-black);color:var(--gray-0);line-height:1.05;letter-spacing:-0.03em;max-width:720px}.cta-banner__title span{color:var(--coral-400)}.cta-banner__subtitle{font-size:var(--text-lg);color:var(--gray-400);line-height:var(--lh-relaxed);max-width:520px}@media only screen and (max-width: 575px){.cta-banner__subtitle{font-size:var(--text-base)}}.cta-banner__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center}@media only screen and (max-width: 575px){.cta-banner__actions{flex-direction:column;width:100%}.cta-banner__actions .btn{width:100%;justify-content:center}}.cta-banner__stats{display:flex;align-items:center;gap:var(--space-8);padding-top:var(--space-6);border-top:1px solid hsla(0,0%,100%,.1)}@media only screen and (max-width: 575px){.cta-banner__stats{gap:var(--space-5)}}.cta-banner__stat{display:flex;flex-direction:column;align-items:center;gap:3px}.cta-banner__stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--gray-0);line-height:1;letter-spacing:var(--ls-tight)}.cta-banner__stat-label{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--gray-500)}.cta-banner__stat-divider{width:1px;height:32px;background:hsla(0,0%,100%,.12);flex-shrink:0}.footer{background:var(--gray-900);border-top:1px solid hsla(0,0%,100%,.08);padding-top:var(--space-12);padding-bottom:var(--space-8)}@media only screen and (max-width: 575px){.footer{padding-top:var(--space-10);padding-bottom:var(--space-6)}}.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-10);padding-bottom:var(--space-10);border-bottom:1px solid hsla(0,0%,100%,.08)}@media only screen and (max-width: 991px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media only screen and (max-width: 575px){.footer__grid{grid-template-columns:1fr;gap:var(--space-7)}}.footer__brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer__logo{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.footer__logo:hover{text-decoration:none;opacity:.85}.footer__logo-icon{width:30px;height:30px;border-radius:8px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer__logo-icon svg{width:18px;height:14px}.footer__logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-medium);color:var(--gray-0);letter-spacing:var(--ls-tight)}.footer__logo-text strong{font-weight:var(--fw-black);color:var(--color-primary)}.footer__tagline{font-size:var(--text-sm);color:var(--gray-500);line-height:var(--lh-relaxed);max-width:260px}.footer__social{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.footer__social-link{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);display:flex;align-items:center;justify-content:center;color:var(--gray-400);text-decoration:none;font-size:16px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.footer__social-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--gray-0);transform:translateY(-2px);text-decoration:none}.footer__col-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--gray-0);margin-bottom:var(--space-4)}.footer__nav{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;padding:0;margin:0}.footer__nav-link{font-size:var(--text-sm);color:var(--gray-500);text-decoration:none;transition:color var(--transition-fast);line-height:1}.footer__nav-link:hover{color:var(--gray-0);text-decoration:none}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-8);flex-wrap:wrap}@media only screen and (max-width: 575px){.footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.footer__copy{font-size:var(--text-xs);color:var(--gray-600)}.footer__legal{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.footer__legal-link{font-size:var(--text-xs);color:var(--gray-600);text-decoration:none;transition:color var(--transition-fast)}.footer__legal-link:hover{color:var(--gray-400);text-decoration:none}.footer__legal-dot{width:3px;height:3px;border-radius:50%;background:var(--gray-700);flex-shrink:0}.legal-page{max-width:var(--container-md);margin:0 auto;padding:var(--space-16) var(--space-6)}.legal-header{margin-bottom:var(--space-12)}.legal-section{margin-bottom:var(--space-10)}.main-wrapper{padding:var(--space-20) 0}.catalog-page{padding-top:var(--header-height);min-height:100dvh;background:var(--bg-page)}.catalog-page__hero{background:var(--bg-page);padding:var(--space-12) 0 var(--space-10);border-bottom:1.5px solid var(--border-default);position:relative;overflow:hidden}.catalog-page__hero::before{content:"";position:absolute;width:clamp(240px,35vw,480px);height:clamp(240px,35vw,480px);top:-40%;right:-5%;background:radial-gradient(circle, rgba(255, 80, 53, 0.08) 0%, transparent 65%);border-radius:50%;pointer-events:none}@media only screen and (max-width: 575px){.catalog-page__hero{padding:var(--space-8) 0 var(--space-6)}}.catalog-page__hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8)}@media only screen and (max-width: 767px){.catalog-page__hero-inner{flex-direction:column;align-items:flex-start;gap:var(--space-6)}}.catalog-page__hero-text .section-label{margin-bottom:var(--space-3)}.catalog-page__hero-title{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:var(--fw-bold);line-height:1.06;letter-spacing:-0.03em;color:var(--text-primary);margin:0 0 var(--space-3)}.catalog-page__hero-title span{color:var(--color-primary)}.catalog-page__hero-sub{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--lh-relaxed);max-width:440px;margin:0}.catalog-page__hero-stats{display:flex;align-items:center;gap:var(--space-6);flex-shrink:0}@media only screen and (max-width: 767px){.catalog-page__hero-stats{gap:var(--space-5)}}.catalog-page__hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.catalog-page__hero-stat-val{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--text-primary);line-height:1;letter-spacing:var(--ls-tight)}.catalog-page__hero-stat-lbl{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.catalog-page__hero-stat-div{width:1.5px;height:36px;background:var(--border-default);border-radius:var(--radius-full);flex-shrink:0}.catalog-page__body{padding:var(--space-8) 0 var(--space-16)}.catalog-page__layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8);align-items:start}@media only screen and (max-width: 991px){.catalog-page__layout{grid-template-columns:200px 1fr;gap:var(--space-6)}}@media only screen and (max-width: 767px){.catalog-page__layout{grid-template-columns:1fr}}.catalog-sidebar{background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);position:sticky;top:calc(var(--header-height) + var(--space-4))}@media only screen and (max-width: 767px){.catalog-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(320px,90vw);z-index:var(--z-modal);border-radius:0 var(--radius-xl) var(--radius-xl) 0;overflow-y:auto;transform:translateX(-100%);transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:none;padding:var(--space-6) var(--space-5)}.catalog-sidebar.is-open{transform:translateX(0);box-shadow:var(--shadow-xl)}}.catalog-sidebar__section{margin-bottom:var(--space-1)}.catalog-sidebar__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);padding:0 var(--space-2)}.catalog-sidebar__options{display:flex;flex-direction:column;gap:var(--space-1)}.catalog-sidebar__opt{cursor:pointer}.catalog-sidebar__opt-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);user-select:none}.catalog-sidebar__opt-label:hover{background:var(--bg-raised);color:var(--text-primary)}.catalog-sidebar__opt-label.is-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--fw-bold)}.catalog-sidebar__opt-icon{font-size:14px;line-height:1;flex-shrink:0}.catalog-sidebar__opt-count{margin-left:auto;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-muted);background:var(--bg-sunken);padding:1px 7px;border-radius:var(--radius-full);min-width:22px;text-align:center}.catalog-sidebar__opt-label.is-active .catalog-sidebar__opt-count{background:var(--coral-100);color:var(--coral-700)}.catalog-sidebar__diff-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.catalog-sidebar__diff-dot--easy{background:var(--color-success)}.catalog-sidebar__diff-dot--medium{background:var(--color-warning)}.catalog-sidebar__diff-dot--hard{background:var(--color-primary)}.catalog-sidebar__divider{height:1.5px;background:var(--border-default);margin:var(--space-4) 0;border-radius:var(--radius-full)}.catalog-sidebar__reset{width:100%;margin-top:var(--space-4);color:var(--text-muted);font-size:var(--text-xs);justify-content:center}.catalog-sidebar__reset:hover{color:var(--color-primary);background:var(--color-primary-light)}.catalog-sidebar__close{display:none;position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border-radius:50%;border:1.5px solid var(--border-default);background:var(--bg-raised);align-items:center;justify-content:center;font-size:16px;cursor:pointer;color:var(--text-secondary)}@media only screen and (max-width: 767px){.catalog-sidebar__close{display:flex}}.catalog-main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.catalog-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media only screen and (max-width: 575px){.catalog-toolbar{flex-direction:column;align-items:stretch}}.catalog-toolbar__search{flex:1;position:relative;min-width:200px}.catalog-toolbar__search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;line-height:1}.catalog-toolbar__search-input{width:100%;padding:10px 40px 10px 45px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-full);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.catalog-toolbar__search-input::placeholder{color:var(--text-muted)}.catalog-toolbar__search-input:focus{border-color:var(--border-focus);box-shadow:var(--glow-accent)}.catalog-toolbar__search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:none;background:var(--bg-sunken);color:var(--text-muted);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.catalog-toolbar__search-clear:hover{background:var(--color-primary-light);color:var(--color-primary)}.catalog-toolbar__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.catalog-toolbar__sort{padding:9px var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-full);min-width:140px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:35px}.catalog-toolbar__view{display:flex;align-items:center;gap:var(--space-1);background:var(--bg-raised);border:1.5px solid var(--border-default);border-radius:var(--radius-full);padding:3px}.catalog-toolbar__view-btn{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:rgba(0,0,0,0);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.catalog-toolbar__view-btn:hover{color:var(--text-primary)}.catalog-toolbar__view-btn.is-active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.catalog-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:0}.catalog-chips:empty{display:none}.catalog-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;background:var(--color-primary-light);color:var(--coral-700);border:1px solid var(--coral-200);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);cursor:pointer;transition:background-color var(--transition-fast)}.catalog-chip:hover{background:var(--coral-100)}.catalog-chip__remove{font-size:13px;opacity:.7;line-height:1}.catalog-count{font-size:var(--text-sm);color:var(--text-muted);margin:0}.catalog-count strong{color:var(--text-primary)}.catalog-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-4)}@media only screen and (max-width: 1199px){.catalog-grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.catalog-grid{grid-template-columns:1fr}}.catalog-grid.is-list{grid-template-columns:1fr;gap:var(--space-3)}.catalog-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-xl);border:1.5px solid var(--border-default);text-decoration:none;position:relative;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.catalog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-strong);text-decoration:none}.catalog-card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.catalog-card__new-badge{position:absolute;top:-3%;right:80%;background:var(--color-primary);color:var(--text-on-primary);font-family:var(--font-display);font-size:10px;font-weight:var(--fw-black);letter-spacing:var(--ls-widest);text-transform:uppercase;translate:50% 0;padding:2px 8px;border-radius:var(--radius-full)}.catalog-card__top{display:flex;align-items:center;justify-content:space-between}.catalog-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);margin:0;letter-spacing:var(--ls-tight)}.catalog-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.catalog-card__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-4);border-top:1.5px solid var(--border-default)}.catalog-card__duration{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1)}.catalog-card__duration::before{content:"⏱";font-size:11px}.catalog-card__xp{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);color:var(--amber-700);background:var(--amber-100);padding:2px 8px;border-radius:var(--radius-full)}.catalog-card__diff{width:8px;height:8px;border-radius:50%;flex-shrink:0}.catalog-card__diff--easy{background:var(--color-success)}.catalog-card__diff--medium{background:var(--color-warning)}.catalog-card__diff--hard{background:var(--color-primary)}.catalog-card__play{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;padding-left:5px;font-size:14px;flex-shrink:0;transition:transform var(--transition-spring),box-shadow var(--transition-base)}.catalog-card:hover .catalog-card__play{transform:scale(1.12);box-shadow:0 4px 12px rgba(255,80,53,.35)}.catalog-grid.is-list .catalog-card{flex-direction:row;align-items:center;gap:var(--space-5)}.catalog-grid.is-list .catalog-card__top{flex-shrink:0}.catalog-grid.is-list .catalog-card__title{font-size:var(--text-sm)}.catalog-grid.is-list .catalog-card__desc{display:none}.catalog-grid.is-list .catalog-card__meta{margin-top:0;padding-top:0;border-top:none;margin-left:auto;flex-wrap:nowrap}.catalog-grid.is-list .catalog-card__new-badge{position:static;flex-shrink:0}.catalog-card__fav{width:32px;height:32px;padding:8px 6px 6px;border-radius:50%;border:1.5px solid var(--border-default);background:var(--bg-raised);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--gray-300);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.catalog-card__fav:hover{color:var(--coral-400);border-color:var(--coral-200);background:var(--coral-50);transform:scale(1.12)}.catalog-card__fav.is-active{color:var(--color-primary);border-color:var(--coral-200);background:var(--coral-50)}.catalog-card__fav--pop{animation:fav-pop .35s cubic-bezier(0.34, 1.56, 0.64, 1)}.catalog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center;grid-column:1/-1}.catalog-empty__icon{font-size:48px;line-height:1}.catalog-empty__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary)}.catalog-empty__text{font-size:var(--text-sm);color:var(--text-muted);max-width:280px}.catalog-filter-fab{display:none;position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-sticky);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--text-primary);color:var(--text-on-dark);border:none;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer;box-shadow:var(--shadow-lg);transition:transform var(--transition-spring),box-shadow var(--transition-base)}.catalog-filter-fab:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.catalog-filter-fab__badge{background:var(--color-primary);color:var(--text-on-primary);border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:var(--fw-black);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media only screen and (max-width: 767px){.catalog-filter-fab{display:flex}}.catalog-sidebar-backdrop{display:none;position:fixed;inset:0;background:var(--bg-overlay);z-index:calc(var(--z-modal) - 1);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.catalog-sidebar-backdrop.is-visible{opacity:1}@media only screen and (max-width: 767px){.catalog-sidebar-backdrop{display:block}}.contact-page{padding-top:var(--header-height);min-height:100dvh;background:var(--bg-page)}.contact-page__hero{position:relative;padding:var(--space-14) 0 var(--space-12);overflow:hidden}@media only screen and (max-width: 575px){.contact-page__hero{padding:var(--space-10) 0 var(--space-8)}}.contact-page__hero-deco{position:absolute;inset:0;pointer-events:none}.contact-page__hero-blob{position:absolute;border-radius:50%}.contact-page__hero-blob--1{width:clamp(280px,40vw,560px);height:clamp(280px,40vw,560px);top:-30%;right:-8%;background:radial-gradient(circle, rgba(255, 80, 53, 0.1) 0%, transparent 65%);animation:blob-drift-1 18s ease-in-out infinite}.contact-page__hero-blob--2{width:clamp(160px,22vw,320px);height:clamp(160px,22vw,320px);bottom:-10%;left:-5%;background:radial-gradient(circle, rgba(27, 63, 255, 0.08) 0%, transparent 65%);animation:blob-drift-2 22s ease-in-out infinite}.contact-page__hero-grid{position:absolute;inset:0;background-image:radial-gradient(circle, var(--gray-300) 1px, transparent 1px);background-size:28px 28px;opacity:.2;mask-image:radial-gradient(ellipse 70% 80% at 50% 50%, black 20%, transparent 80%)}.contact-page__hero-inner{position:relative;z-index:1;max-width:600px}.contact-page__hero-title{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:var(--fw-bold);line-height:1.06;letter-spacing:-0.03em;color:var(--text-primary);margin:0 0 var(--space-4)}.contact-page__hero-title span{color:var(--color-primary)}.contact-page__hero-sub{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--lh-relaxed);max-width:480px;margin:0}.contact-page__body{padding-top:0}.contact-page__layout{display:grid;grid-template-columns:340px 1fr;gap:var(--space-10);align-items:start}@media only screen and (max-width: 991px){.contact-page__layout{grid-template-columns:280px 1fr;gap:var(--space-8)}}@media only screen and (max-width: 767px){.contact-page__layout{grid-template-columns:1fr;gap:var(--space-8)}}.contact-info{display:flex;flex-direction:column;gap:var(--space-5)}@media only screen and (min-width: 768px){.contact-info{position:sticky;top:calc(var(--header-height) + var(--space-6))}}.contact-info__cards{display:flex;flex-direction:column;gap:var(--space-3)}.contact-info__card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.contact-info__card:hover{transform:translateX(4px);box-shadow:var(--shadow-card);border-color:var(--border-strong)}.contact-info__card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;line-height:1}.contact-info__card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.contact-info__card-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.contact-info__card-value{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast);word-break:break-all}.contact-info__card-value:hover{color:var(--color-primary)}.contact-info__card-note{font-size:var(--text-xs);color:var(--text-muted);margin:0}.contact-info__faq-box{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-accent-light);border:1.5px solid var(--blue-100);border-radius:var(--radius-xl)}.contact-info__faq-box a{color:var(--blue-500);font-size:var(--space-2);border:1px solid var(--blue-500)}@media only screen and (max-width: 575px){.contact-info__faq-box{flex-wrap:wrap}}.contact-info__faq-icon{font-size:28px;line-height:1;flex-shrink:0}.contact-info__faq-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--blue-700);margin-bottom:3px}.contact-info__faq-text{font-size:var(--text-xs);color:var(--blue-700);opacity:.75;line-height:var(--lh-snug);margin:0}.contact-info__social{padding-top:var(--space-2)}.contact-info__social-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.contact-info__social-links{display:flex;flex-direction:column;gap:var(--space-2)}.contact-info__social-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.contact-info__social-link:hover{background:var(--bg-raised);color:var(--text-primary);transform:translateX(4px);text-decoration:none}.contact-info__social-icon{width:34px;height:34px;border-radius:var(--radius-md);border:1.5px solid var(--border-default);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:all var(--transition-fast)}.contact-info__social-link:hover .contact-info__social-icon{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-primary)}.contact-form-wrap{background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}@media only screen and (max-width: 575px){.contact-form-wrap{padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl)}}.contact-form{display:flex;flex-direction:column;gap:0}.contact-form__header{margin-bottom:var(--space-7)}.contact-form__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--ls-tight);margin-bottom:var(--space-2)}.contact-form__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media only screen and (max-width: 575px){.contact-form__row{grid-template-columns:1fr}}.contact-form__textarea{resize:vertical;min-height:140px;line-height:var(--lh-relaxed)}.contact-form__textarea-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-1);min-height:20px}.contact-form__char-count{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto}.contact-form__consent{margin:var(--space-2) 0 var(--space-6)}.contact-form__checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.contact-form__checkbox{position:absolute;opacity:0;width:0;height:0}.contact-form__checkbox-custom{width:20px;height:20px;border-radius:var(--radius-xs);border:2px solid var(--border-strong);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:border-color var(--transition-fast),background-color var(--transition-fast);position:relative}.contact-form__checkbox-custom::after{content:"";width:5px;height:9px;border-right:2px solid var(--text-on-primary);border-bottom:2px solid var(--text-on-primary);transform:rotate(45deg) translateY(-1px);opacity:0;transition:opacity var(--transition-fast)}.contact-form__checkbox:checked+.contact-form__checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.contact-form__checkbox:checked+.contact-form__checkbox-custom::after{opacity:1}.contact-form__checkbox:focus-visible+.contact-form__checkbox-custom{box-shadow:var(--glow-accent)}.contact-form__consent-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}.contact-form__consent-text a{color:var(--text-link);font-weight:var(--fw-semibold)}.contact-form__submit{margin-top:var(--space-2)}.contact-form .form-control__contact{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.contact-form .form-control.is-error{border-color:var(--border-error)}.contact-form .form-control.is-valid{border-color:var(--color-success)}.contact-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);padding:var(--space-8) var(--space-6);animation:fade-up .5s ease both}.contact-success__icon{width:72px;height:72px;border-radius:50%;background:var(--color-success-light);border:2px solid var(--color-success);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--color-success);font-weight:var(--fw-bold);animation:scale-in .4s cubic-bezier(0.34, 1.56, 0.64, 1) both}.contact-success__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary)}.contact-success__text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--lh-relaxed);max-width:360px;margin:0}.play-body{background:var(--gray-100)}.play-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:var(--bg-page);border-bottom:1.5px solid var(--border-default);box-shadow:var(--shadow-xs)}.play-header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-6);height:var(--header-height);padding-inline:var(--space-6);max-width:var(--container-xxl);margin-inline:auto}@media only screen and (max-width: 767px){.play-header__inner{grid-template-columns:auto 1fr auto;gap:var(--space-3);padding-inline:var(--space-4)}}.play-header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.play-header__logo:hover{opacity:.82;text-decoration:none}.play-header__logo-icon{display:flex;align-items:center;flex-shrink:0;transition:transform var(--transition-spring)}.play-header__logo:hover .play-header__logo-icon{transform:rotate(-6deg) scale(1.08)}.play-header__logo-text{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--text-primary);letter-spacing:var(--ls-tight);white-space:nowrap}.play-header__logo-text strong{font-weight:var(--fw-black);color:var(--color-primary)}@media only screen and (max-width: 575px){.play-header__logo-text{display:none}}.play-header__cats{display:flex;align-items:center;justify-content:center;gap:var(--space-1);position:relative;overflow-x:auto;scrollbar-width:none}.play-header__cats::-webkit-scrollbar{display:none}.play-header__cat{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:none;background:rgba(0,0,0,0);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-muted);cursor:pointer;white-space:nowrap;position:relative;z-index:1;transition:color var(--transition-fast)}.play-header__cat:hover{color:var(--text-primary)}.play-header__cat.is-active{color:var(--text-primary);font-weight:var(--fw-bold)}@media only screen and (max-width: 575px){.play-header__cat{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.play-header__cat-icon{font-size:16px;line-height:1}@media only screen and (max-width: 319px){.play-header__cat-icon{display:none}}.play-header__cat-indicator{position:absolute;bottom:2px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);transition:left var(--transition-spring),width var(--transition-spring);pointer-events:none}.play-header__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.play-header__xp{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--amber-100);border:1.5px solid var(--amber-200);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);color:var(--amber-700);transition:transform var(--transition-spring)}.play-header__xp:hover{transform:scale(1.04)}.play-header__xp-icon{font-size:12px;line-height:1}.play-header__xp-value{font-size:var(--text-sm)}.play-header__xp-label{opacity:.7;font-weight:var(--fw-bold)}.play-header__streak{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--coral-50);border:1.5px solid var(--coral-100);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-black);color:var(--coral-700)}@media only screen and (max-width: 575px){.play-header__streak{display:none}}.play-header__streak-icon{font-size:14px;line-height:1}.play-header__user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:var(--bg-surface);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.play-header__user:hover{border-color:var(--color-primary);box-shadow:var(--glow-primary);text-decoration:none}.play-header__username{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-primary)}@media only screen and (max-width: 575px){.play-header__username{display:none}}.play-main{padding-top:var(--header-height);min-height:100dvh}.play-daily{background:var(--gray-900);position:relative;overflow:hidden}.play-daily__inner{display:grid;grid-template-columns:1fr auto;gap:var(--space-10);align-items:center;max-width:var(--container-xxl);margin-inline:auto;padding:var(--space-10) var(--space-6)}@media only screen and (max-width: 991px){.play-daily__inner{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8) var(--space-5)}}.play-daily__deco{position:absolute;inset:0;pointer-events:none}.play-daily__blob{position:absolute;border-radius:50%}.play-daily__blob--1{width:clamp(300px,40vw,600px);height:clamp(300px,40vw,600px);top:-40%;right:-5%;background:radial-gradient(circle, rgba(255, 80, 53, 0.18) 0%, transparent 65%);animation:blob-drift-1 18s ease-in-out infinite}.play-daily__blob--2{width:clamp(180px,25vw,380px);height:clamp(180px,25vw,380px);bottom:-30%;left:20%;background:radial-gradient(circle, rgba(27, 63, 255, 0.12) 0%, transparent 65%);animation:blob-drift-2 22s ease-in-out infinite}.play-daily__grid{position:absolute;inset:0;background-image:radial-gradient(circle, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:28px 28px}.play-daily__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-5)}.play-daily__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--coral-300)}.play-daily__fire{font-size:16px;animation:anim-pulse 2s ease-in-out infinite}.play-daily__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:var(--fw-black);color:var(--gray-0);line-height:1.05;letter-spacing:var(--ls-tight);margin:0}.play-daily__desc{font-size:var(--text-base);color:var(--gray-400);line-height:var(--lh-relaxed);max-width:480px;margin:0}.play-daily__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.play-daily__badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide)}.play-daily__badge--cat{background:rgba(179,240,0,.15);color:var(--lime-300);border:1px solid rgba(179,240,0,.25)}.play-daily__badge--diff{background:rgba(255,209,102,.15);color:var(--amber-300);border:1px solid rgba(255,209,102,.25)}.play-daily__badge--dur{background:hsla(0,0%,100%,.08);color:var(--gray-400);border:1px solid hsla(0,0%,100%,.12)}.play-daily__badge--xp{background:rgba(255,80,53,.18);color:var(--coral-300);border:1px solid rgba(255,80,53,.25);font-weight:var(--fw-black)}.play-daily__visual{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}@media only screen and (max-width: 991px){.play-daily__visual{flex-direction:row;align-items:center;justify-content:space-between}}@media only screen and (max-width: 575px){.play-daily__visual{flex-direction:column}}.play-daily__countdown{text-align:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6)}.play-daily__countdown-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--gray-500);margin-bottom:var(--space-3)}.play-daily__countdown-time{display:flex;align-items:center;gap:var(--space-1)}.play-daily__time-block{display:flex;flex-direction:column;align-items:center;gap:2px}.play-daily__time-val{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--gray-0);line-height:1;min-width:2ch;text-align:center;transition:opacity var(--transition-fast)}.play-daily__time-unit{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--gray-600);letter-spacing:var(--ls-wide);text-transform:uppercase}.play-daily__time-sep{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-black);color:var(--gray-600);margin-bottom:var(--space-3);animation:blink 1s ease-in-out infinite}.play-daily__emoji-cards{display:flex;flex-direction:column;gap:var(--space-2)}.play-daily__emoji-card{padding:var(--space-2) var(--space-4);background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--gray-300);text-align:center;transition:background var(--transition-fast),transform var(--transition-spring)}.play-daily__emoji-card:hover{background:hsla(0,0%,100%,.12);transform:translateX(4px)}.play-daily__emoji-card--1{animation:float 4s ease-in-out infinite 0s}.play-daily__emoji-card--2{animation:float 4s ease-in-out infinite .6s}.play-daily__emoji-card--3{animation:float 4s ease-in-out infinite 1.2s}.play-content{max-width:var(--container-xxl);margin-inline:auto;padding:var(--space-8) var(--space-6) var(--space-16);display:flex;flex-direction:column;gap:var(--space-10)}@media only screen and (max-width: 767px){.play-content{padding:var(--space-6) var(--space-4) var(--space-12);gap:var(--space-8)}}.play-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.play-progress__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--ls-tight)}.play-progress__link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary);text-decoration:none;transition:gap var(--transition-spring)}.play-progress__link:hover{text-decoration:underline;text-underline-offset:3px}.play-progress__cards{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-4)}@media only screen and (max-width: 991px){.play-progress__cards{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 767px){.play-progress__cards{grid-template-columns:1fr 1fr;gap:var(--space-3)}}@media only screen and (max-width: 575px){.play-progress__cards{grid-template-columns:1fr}}.play-progress__card{background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--transition-spring),box-shadow var(--transition-base)}.play-progress__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.play-progress__card--xp{border-color:var(--amber-200);background:linear-gradient(145deg, var(--amber-50) 0%, var(--bg-surface) 60%)}.play-progress__card--streak{border-color:var(--coral-100);background:linear-gradient(145deg, var(--coral-50) 0%, var(--bg-surface) 60%)}.play-progress__card-top{display:flex;align-items:center;gap:var(--space-2)}.play-progress__card-icon{font-size:18px;line-height:1}.play-progress__card-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.play-progress__card-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-black);color:var(--text-primary);line-height:1;letter-spacing:var(--ls-tight)}.play-progress__card-bar{height:5px;background:var(--bg-sunken);border-radius:var(--radius-full);overflow:hidden}.play-progress__card-bar-fill{height:100%;background:linear-gradient(90deg, var(--amber-300), var(--coral-400));border-radius:var(--radius-full);transition:width .8s cubic-bezier(0.4, 0, 0.2, 1)}.play-progress__card-hint{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--fw-semibold)}.play-progress__card-cta{margin-top:auto;align-self:flex-start;padding:8px 12px}.play-progress__card-cta a:hover{color:#000}.play-progress__streak-dots{display:flex;gap:var(--space-1);flex-wrap:wrap}.play-progress__streak-dot{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--bg-sunken);border:1.5px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:11px;transition:all var(--transition-fast)}.play-progress__streak-dot.is-done{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-primary)}.play-progress__streak-dot.is-today{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.play-progress__cat-bars{display:flex;flex-direction:column;gap:var(--space-2)}.play-progress__cat-bar-row{display:flex;align-items:center;gap:var(--space-2)}.play-progress__cat-bar-icon{font-size:12px;line-height:1;flex-shrink:0}.play-progress__cat-bar-track{flex:1;height:4px;background:var(--bg-sunken);border-radius:var(--radius-full);overflow:hidden}.play-progress__cat-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(0.4, 0, 0.2, 1)}.play-progress__cat-bar-count{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-muted);width:18px;text-align:right;flex-shrink:0}a.play-games__see-all:hover{color:var(--coral-600);text-decoration:underline;text-underline-offset:3px}a.play-progress__link:hover,.play-progress__card-cta:hover{color:var(--coral-600)}.play-games__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.play-games__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--ls-tight)}.play-games__see-all{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary);text-decoration:none;transition:gap var(--transition-spring)}.play-games__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-4)}@media only screen and (max-width: 1199px){.play-games__grid{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 991px){.play-games__grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 767px){.play-games__grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}}@media only screen and (max-width: 575px){.play-games__grid{grid-template-columns:1fr}}.play-games__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-14) var(--space-8);text-align:center}.play-games__empty-icon{font-size:44px;line-height:1}.play-games__empty-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary)}.play-games__empty-text{font-size:var(--text-sm);color:var(--text-muted);max-width:280px}.play-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-xl);border:1.5px solid var(--border-default);cursor:pointer;position:relative;overflow:hidden;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast)}.play-card::before{content:"";position:absolute;left:0;top:var(--space-4);bottom:var(--space-4);width:3px;background:var(--card-accent, var(--color-primary));border-radius:0 var(--radius-full) var(--radius-full) 0;transform:scaleY(0);transform-origin:center;transition:transform var(--transition-spring)}.play-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--card-accent, var(--color-primary))}.play-card:hover::before{transform:scaleY(1)}.play-card__top{display:flex;align-items:center;justify-content:space-between}.play-card__new{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-primary);color:var(--text-on-primary);font-family:var(--font-display);font-size:9px;font-weight:var(--fw-black);letter-spacing:var(--ls-widest);text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-full)}.play-card__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);margin:0;letter-spacing:var(--ls-tight)}.play-card__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-3);border-top:1.5px solid var(--border-default)}.play-card__dur{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted)}.play-card__dur::before{content:"⏱ ";font-size:11px}.play-card__xp{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);color:var(--amber-700);background:var(--amber-100);padding:2px 7px;border-radius:var(--radius-full)}.play-card__diff{width:7px;height:7px;border-radius:50%;flex-shrink:0}.play-card__diff--easy{background:var(--color-success)}.play-card__diff--medium{background:var(--color-warning)}.play-card__diff--hard{background:var(--color-primary)}.play-card__play-btn{margin-left:auto;width:28px;height:28px;border-radius:50%;background:var(--card-accent, var(--color-primary));color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;transition:transform var(--transition-spring),box-shadow var(--transition-base)}.play-card:hover .play-card__play-btn{transform:scale(1.15);box-shadow:0 4px 10px rgba(255,80,53,.3)}.game-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;pointer-events:none}@media only screen and (min-width: 768px){.game-modal{align-items:center;padding:var(--space-6)}}.game-modal__backdrop{position:fixed;inset:0;background:var(--bg-overlay);opacity:0;transition:opacity var(--transition-base)}.game-modal__panel{position:relative;z-index:1;width:100%;max-width:640px;max-height:92dvh;background:var(--bg-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;flex-direction:column;overflow:hidden;transform:translateY(40px);opacity:0;transition:transform var(--transition-base),opacity var(--transition-base);box-shadow:var(--shadow-xl)}@media only screen and (min-width: 768px){.game-modal__panel{border-radius:var(--radius-2xl);transform:translateY(20px) scale(0.97)}}.game-modal.is-open{pointer-events:all}.game-modal.is-open .game-modal__backdrop{opacity:1}.game-modal.is-open .game-modal__panel{transform:translateY(0) scale(1);opacity:1}.game-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1.5px solid var(--border-default);flex-shrink:0}.game-modal__header-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.game-modal__cat-badge{flex-shrink:0}.game-modal__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--ls-tight);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-modal__header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.game-modal__timer{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-muted);background:var(--bg-raised);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-default)}.game-modal__close{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border-default);background:var(--bg-raised);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.game-modal__close:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:rotate(90deg)}.game-modal__progress{height:4px;background:var(--bg-sunken);position:relative;flex-shrink:0;display:flex;align-items:center}.game-modal__progress-fill{height:100%;background:var(--color-primary);transition:width .4s ease}.game-modal__progress-label{position:absolute;right:var(--space-3);font-size:10px;font-weight:var(--fw-bold);color:var(--text-muted);top:50%;transform:translateY(-50%);background:var(--bg-surface);padding:0 var(--space-1);line-height:1}.game-modal__body{flex:1;overflow-y:auto;padding:var(--space-6);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gray-300) rgba(0,0,0,0)}.game-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1.5px solid var(--border-default);flex-shrink:0}.quiz-question{display:flex;flex-direction:column;gap:var(--space-6)}.quiz-question__num{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.quiz-question__text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:0}.quiz-question__options{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-question__option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1.5px solid var(--border-default);background:var(--bg-raised);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-primary);cursor:pointer;text-align:left;width:100%;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.quiz-question__option:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-light);transform:translateX(3px)}.quiz-question__option--correct{border-color:var(--color-success) !important;background:var(--color-success-light) !important;color:var(--color-success);pointer-events:none}.quiz-question__option--wrong{border-color:var(--color-error) !important;background:var(--color-error-light) !important;color:var(--color-error);pointer-events:none}.quiz-question__option--disabled{pointer-events:none;opacity:.55}.quiz-question__option-letter{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-black);color:var(--text-muted);flex-shrink:0;transition:all var(--transition-fast)}.quiz-question__option:hover:not(:disabled) .quiz-question__option-letter{background:var(--color-accent);border-color:var(--color-accent);color:var(--text-on-dark)}.quiz-question__option--correct .quiz-question__option-letter{background:var(--color-success);border-color:var(--color-success);color:var(--text-on-dark)}.quiz-question__option--wrong .quiz-question__option-letter{background:var(--color-error);border-color:var(--color-error);color:var(--text-on-dark)}.quiz-question__explanation{padding:var(--space-4) var(--space-5);background:var(--bg-raised);border-left:3px solid var(--color-success);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);animation:fade-up .3s ease both}.game-results{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-4) 0;text-align:center;animation:scale-in .4s cubic-bezier(0.34, 1.56, 0.64, 1) both}.game-results__emoji{font-size:52px;line-height:1}.game-results__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--text-primary);letter-spacing:var(--ls-tight)}.game-results__score{display:flex;align-items:center;gap:var(--space-6)}.game-results__score-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.game-results__score-val{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-black);color:var(--text-primary);line-height:1}.game-results__score-lbl{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.game-results__score-div{width:1.5px;height:48px;background:var(--border-default);flex-shrink:0}.game-results__xp-earned{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg, var(--amber-100), var(--coral-50));border:1.5px solid var(--amber-200);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-black);color:var(--amber-700);animation:scale-in .5s cubic-bezier(0.34, 1.56, 0.64, 1) .3s both}.game-results__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}