:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--border-primary: hsla(0,0%,50%,0.25);--shadow-primary: hsla(0,0%,0%,0.15);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--header-space: var(--space-s);--btn-space: var(--space-xs) var(--space-s);--card-space: var(--space-s);--footer-space: var(--space-s) var(--space-m);--min-screen-width: 320px;--max-screen-width: 1366px;--primary: #fec701;--primary-hover: #FFD633;--primary-muted: rgba(254,199,1,0.15);--secondary: #0138FE;--secondary-hover: #2D5FFF;--secondary-muted: rgba(1,56,254,0.15);--tertiary: #FF0080;--tertiary-hover: #FF3399;--tertiary-muted: rgba(255,0,128,0.15);--accent-green: #00E676;--accent-green-hover: #33FF99;--accent-green-muted: rgba(0,230,118,0.15);--accent-orange: #FF6B00;--accent-orange-hover: #FF8533;--accent-orange-muted: rgba(255,107,0,0.15);--accent-violet: #7B2FBE;--accent-violet-hover: #9B4FDE;--accent-violet-muted: rgba(123,47,190,0.15);--base: #0A0A0A;--bg-body: #121212;--bg-surface: #181818;--bg-surface-alt: #1E1E1E;--bg-card: #242424;--bg-card-hover: #2E2E2E;--bg-input: #0D0D0D;--text-body: hsl(0,0%,85%);--text-title: hsl(0,0%,100%);--light: #ffffff;--light-5: #ffffff0d;--light-10: #ffffff1a;--light-20: #ffffff33;--light-30: #ffffff4d;--light-40: #ffffff66;--light-50: #ffffff80;--light-60: #ffffff99;--light-70: #ffffffb3;--light-80: #ffffffcc;--light-90: #ffffffe6;--dark: #000000;--dark-5: #0000000d;--dark-10: #0000001a;--dark-20: #00000033;--dark-30: #0000004d;--dark-40: #00000066;--dark-50: #00000080;--dark-60: #00000099;--dark-70: #000000b3;--dark-80: #000000cc;--dark-90: #000000e6;--success: #00E676;--success-5: #00e6760d;--success-10: #00e6761a;--success-20: #00e67633;--success-30: #00e6764d;--success-40: #00e67666;--success-50: #00e67680;--success-60: #00e67699;--success-70: #00e676b3;--success-80: #00e676cc;--success-90: #00e676e6;--error: #FF4444;--error-5: #ff44440d;--error-10: #ff44441a;--error-20: #ff444433;--error-30: #ff44444d;--error-40: #ff444466;--error-50: #ff444480;--error-60: #ff444499;--error-70: #ff4444b3;--error-80: #ff4444cc;--error-90: #ff4444e6;--warning: #FF6B00;--info: #0138FE;--border-subtle: rgba(255,255,255,0.06);--border-default: rgba(255,255,255,0.10);--border-hover: rgba(255,255,255,0.16);--shadow-primary: rgba(0,0,0,0.5);--space-2xs: clamp(0.47rem,calc(0.06vw + 0.46rem),0.53rem);--space-xs: clamp(0.71rem,calc(0.08vw + 0.68rem),0.8rem);--space-s: clamp(1.07rem,calc(0.13vw + 1.03rem),1.2rem);--space-m: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem);--space-l: clamp(2.4rem,calc(0.29vw + 2.31rem),2.7rem);--space-xl: clamp(3.6rem,calc(0.43vw + 3.46rem),4.05rem);--space-2xl: clamp(5.4rem,calc(0.65vw + 5.19rem),6.08rem);--space-3xl: clamp(8.1rem,calc(0.97vw + 7.79rem),9.11rem);--text-xs: clamp(1.11rem,calc(0.04vw + 1.1rem),1.15rem);--text-s: clamp(1.33rem,calc(0.1vw + 1.3rem),1.44rem);--text-m: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem);--text-l: clamp(1.92rem,calc(0.32vw + 1.82rem),2.25rem);--text-xl: clamp(2.3rem,calc(0.49vw + 2.15rem),2.81rem);--text-2xl: clamp(2.76rem,calc(0.72vw + 2.54rem),3.52rem);--text-3xl: clamp(3.32rem,calc(1.03vw + 2.99rem),4.4rem);--text-4xl: clamp(3.98rem,calc(1.45vw + 3.52rem),5.49rem);--text-5xl: clamp(4.78rem,calc(2vw + 4.14rem),6.87rem);--text-6xl: clamp(5.73rem,calc(2.72vw + 4.86rem),8.58rem);--columns-1: repeat(1,minmax(0,1fr));--columns-2: repeat(2,minmax(0,1fr));--columns-3: repeat(3,minmax(0,1fr));--columns-4: repeat(4,minmax(0,1fr));--columns-5: repeat(5,minmax(0,1fr));--columns-6: repeat(6,minmax(0,1fr));--columns-7: repeat(7,minmax(0,1fr));--columns-8: repeat(8,minmax(0,1fr));--columns-9: repeat(9,minmax(0,1fr));--columns-10: repeat(10,minmax(0,1fr));--columns-11: repeat(11,minmax(0,1fr));--columns-12: repeat(12,minmax(0,1fr));--radius-sm: clamp(0.6rem,calc(0vw + 0.6rem),0.6rem);--radius-md: clamp(1.2rem,calc(0vw + 1.2rem),1.2rem);--radius-lg: clamp(2rem,calc(0vw + 2rem),2rem);--radius-full: 999rem;--shadow-xs: 0 1px 2px var(--shadow-primary);--shadow-s: 0 1.5px 3px var(--shadow-primary);--shadow-m: 0 2px 6px var(--shadow-primary);--shadow-l: 0 3px 12px var(--shadow-primary);--shadow-xl: 0 6px 48px var(--shadow-primary);}