:root {--min-screen-width: 320px;--max-screen-width: 1400px;--primary: hsla(13,96%,53%,1);--primary-5: hsla(13,96%,53%,0.05);--primary-10: hsla(13,96%,53%,0.1);--primary-20: hsla(13,96%,53%,0.2);--primary-30: hsla(13,96%,53%,0.3);--primary-40: hsla(13,96%,53%,0.4);--primary-50: hsla(13,96%,53%,0.5);--primary-60: hsla(13,96%,53%,0.6);--primary-70: hsla(13,96%,53%,0.7);--primary-80: hsla(13,96%,53%,0.8);--primary-90: hsla(13,96%,53%,0.9);--primary-d-1: hsl(13,81%,42%);--primary-d-2: hsl(14,76%,32%);--primary-d-3: hsl(14,70%,22%);--primary-d-4: hsl(18,65%,12%);--primary-l-1: hsl(15,100%,64%);--primary-l-2: hsl(16,100%,72%);--primary-l-3: hsl(17,100%,81%);--primary-l-4: hsl(18,100%,90%);--secondary: hsla(96,70%,40%,1);--secondary-5: hsla(96,70%,40%,0.05);--secondary-10: hsla(96,70%,40%,0.1);--secondary-20: hsla(96,70%,40%,0.2);--secondary-30: hsla(96,70%,40%,0.3);--secondary-40: hsla(96,70%,40%,0.4);--secondary-50: hsla(96,70%,40%,0.5);--secondary-60: hsla(96,70%,40%,0.6);--secondary-70: hsla(96,70%,40%,0.7);--secondary-80: hsla(96,70%,40%,0.8);--secondary-90: hsla(96,70%,40%,0.9);--secondary-d-1: hsl(96,64%,33%);--secondary-d-2: hsl(96,58%,25%);--secondary-d-3: hsl(96,50%,18%);--secondary-d-4: hsl(94,39%,10%);--secondary-l-1: hsl(96,45%,53%);--secondary-l-2: hsl(95,45%,65%);--secondary-l-3: hsl(94,45%,77%);--secondary-l-4: hsl(93,46%,88%);--action: hsla(13,96%,53%,1);--action-l-1: hsl(14,100%,60%);--action-l-2: hsl(15,100%,65%);--action-l-3: hsl(16,100%,69%);--action-l-4: hsl(17,100%,74%);--action-l-5: hsl(17,100%,79%);--action-l-6: hsl(18,100%,84%);--action-l-7: hsl(18,100%,89%);--action-l-8: hsl(19,100%,95%);--action-hover-color: HSL(96,70%,35%);--text-body: HSL(0,0%,20%);--text-title: var(--dark);--action-text: hsla(241,86%,2%,1);--bg-surface-1: #FFFFFF;--bg-surface-1-5: #ffffff0d;--bg-surface-1-10: #ffffff1a;--bg-surface-1-20: #ffffff33;--bg-surface-1-30: #ffffff4d;--bg-surface-1-40: #ffffff66;--bg-surface-1-50: #ffffff80;--bg-surface-1-60: #ffffff99;--bg-surface-1-70: #ffffffb3;--bg-surface-1-80: #ffffffcc;--bg-surface-1-90: #ffffffe6;--bg-surface-2: hsl(24,100%,85%);--bg-surface-2-5: hsla(24,100%,85%,0.05);--bg-surface-2-10: hsla(24,100%,85%,0.1);--bg-surface-2-20: hsla(24,100%,85%,0.2);--bg-surface-2-30: hsla(24,100%,85%,0.3);--bg-surface-2-40: hsla(24,100%,85%,0.4);--bg-surface-2-50: hsla(24,100%,85%,0.5);--bg-surface-2-60: hsla(24,100%,85%,0.6);--bg-surface-2-70: hsla(24,100%,85%,0.7);--bg-surface-2-80: hsla(24,100%,85%,0.8);--bg-surface-2-90: hsla(24,100%,85%,0.9);--bg-surface-2-l-1: hsl(24,100%,88%);--bg-surface-2-l-2: hsl(24,100%,90%);--bg-surface-2-l-3: hsl(24,100%,92%);--bg-surface-2-l-4: hsl(24,100%,95%);--bg-surface-2-l-5: hsl(24,100%,97%);--bg-surface-3: hsl(96,29%,82%);--bg-surface-4: hsl(0,0%,77%);--bg-surface-5: HSL(0,0%,27%);--border-primary: hsla(0,0%,75%,0.1);--border-primary-l-1: hsla(144,0%,78%,0.2);--border-primary-l-2: hsla(144,0%,80%,0.3);--border-primary-l-3: hsla(144,0%,83%,0.4);--border-primary-l-4: hsla(145,0%,86%,0.5);--border-primary-l-5: hsla(145,0%,89%,0.6);--border-primary-l-6: hsla(145,0%,91%,0.7);--border-primary-l-7: hsla(145,0%,94%,0.8);--border-primary-l-8: hsla(145,0%,97%,0.9);--shadow-primary: hsla(0,0%,0%,0.4);--light: hsl(85,0%,100%);--light-5: hsla(0,0%,100%,0.05);--light-10: hsla(0,0%,100%,0.1);--light-20: hsla(0,0%,100%,0.2);--light-30: hsla(0,0%,100%,0.3);--light-40: hsla(0,0%,100%,0.4);--light-50: hsla(0,0%,100%,0.5);--light-60: hsla(0,0%,100%,0.6);--light-70: hsla(0,0%,100%,0.7);--light-80: hsla(0,0%,100%,0.8);--light-90: hsla(0,0%,100%,0.9);--dark: hsla(0,0%,0%,1);--dark-5: hsla(0,0%,0%,0.05);--dark-10: hsla(0,0%,0%,0.1);--dark-20: hsla(0,0%,0%,0.2);--dark-30: hsla(0,0%,0%,0.3);--dark-40: hsla(0,0%,0%,0.4);--dark-50: hsla(0,0%,0%,0.5);--dark-60: hsla(0,0%,0%,0.6);--dark-70: hsla(0,0%,0%,0.7);--dark-80: hsla(0,0%,0%,0.8);--dark-90: hsla(0,0%,0%,0.9);--success: hsl(136,95%,56%);--success-5: hsla(136,95%,56%,0.05);--success-10: hsla(136,95%,56%,0.1);--success-20: hsla(136,95%,56%,0.2);--success-30: hsla(136,95%,56%,0.3);--success-40: hsla(136,95%,56%,0.4);--success-50: hsla(136,95%,56%,0.5);--success-60: hsla(136,95%,56%,0.6);--success-70: hsla(136,95%,56%,0.7);--success-80: hsla(136,95%,56%,0.8);--success-90: hsla(136,95%,56%,0.9);--error: hsl(351,95%,56%);--error-5: hsla(351,95%,56%,0.05);--error-10: hsla(351,95%,56%,0.1);--error-20: hsla(351,95%,56%,0.2);--error-30: hsla(351,95%,56%,0.3);--error-40: hsla(351,95%,56%,0.4);--error-50: hsla(351,95%,56%,0.5);--error-60: hsla(351,95%,56%,0.6);--error-70: hsla(351,95%,56%,0.7);--error-80: hsla(351,95%,56%,0.8);--error-90: hsla(351,95%,56%,0.9);--space-4xs: clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem);--space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem);--space-xs: clamp(1.02rem,calc(0.35vw + 0.91rem),1.4rem);--space-s: clamp(1.28rem,calc(0.65vw + 1.07rem),1.98rem);--space-m: clamp(1.6rem,calc(1.11vw + 1.24rem),2.8rem);--space-l: clamp(2rem,calc(1.81vw + 1.42rem),3.96rem);--space-xl: clamp(2.5rem,calc(2.87vw + 1.58rem),5.6rem);--space-2xl: clamp(3.13rem,calc(4.44vw + 1.71rem),7.92rem);--space-3xl: clamp(3.91rem,calc(6.75vw + 1.75rem),11.19rem);--space-4xl: clamp(4.88rem,calc(10.13vw + 1.64rem),15.83rem);--text-xs: clamp(1.26rem,calc(-0.23vw + 1.34rem),1.01rem);--text-s: clamp(1.42rem,calc(-0.07vw + 1.44rem),1.35rem);--text-m: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem);--text-l: clamp(1.8rem,calc(0.55vw + 1.62rem),2.4rem);--text-xl: clamp(2.02rem,calc(1.09vw + 1.68rem),3.2rem);--text-2xl: clamp(2.28rem,calc(1.84vw + 1.69rem),4.26rem);--text-3xl: clamp(2.56rem,calc(2.89vw + 1.64rem),5.68rem);--text-4xl: clamp(2.88rem,calc(4.34vw + 1.49rem),7.58rem);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--body-line-height: 1.6;--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);--container-gap: var(--space-2xl);--content-gap: var(--space-l);--block-gap: var(--space-s);--grid-gap: var(--space-m);--header-height: var(--space-4x);--size-header-1: 20ch;--size-header-2: 25ch;--size-header-3: 35ch;--size-content-1: 20ch;--size-content-2: 45ch;--size-content-3: 60ch;--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-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem);--radius-m: clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.37vw + 1.48rem),2rem);--radius-xl: clamp(2.6rem,calc(0.56vw + 2.42rem),3.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);--ratio-square: 1;--ratio-landscape: 4/3;--ratio-portrait: 3/4;--ratio-widescreen: 16/9;--ratio-ultrawide: 18/5;--ratio-golden: 1.6180/1;--gradient-1: linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2: linear-gradient(to bottom right,#48005c,#8300e2,#a269ff);--gradient-3: radial-gradient(circle at top right,hsl(180 100% 50%),hsl(180 100% 50% / 0%)),radial-gradient(circle at bottom left,hsl(328 100% 54%),hsl(328 100% 54% / 0%));--gradient-4: linear-gradient(to bottom right,#00F5A0,#00D9F5);--gradient-5: conic-gradient(from -270deg at 75% 110%,fuchsia,floralwhite);--gradient-6: conic-gradient(from -90deg at top left,black,white);--gradient-7: linear-gradient(to bottom right,#72C6EF,#004E8F);--gradient-8: conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9: conic-gradient(from .5turn at bottom center,lightblue,white);--gradient-10: conic-gradient(from 90deg at 40% -25%,#ffd700,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,#ffd700,#ffd700,#ffd700);--gradient-11: conic-gradient(at bottom left,deeppink,cyan);--gradient-12: conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13: radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14: conic-gradient(at top right,lime,cyan);--gradient-15: linear-gradient(to bottom right,#c7d2fe,#fecaca,#fef3c7);--gradient-16: radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17: conic-gradient(from -90deg at 50% -25%,blue,blueviolet);--gradient-18: linear-gradient(0deg,hsla(0 100% 50% / 80%),hsla(0 100% 50% / 0) 75%),linear-gradient(60deg,hsla(60 100% 50% / 80%),hsla(60 100% 50% / 0) 75%),linear-gradient(120deg,hsla(120 100% 50% / 80%),hsla(120 100% 50% / 0) 75%),linear-gradient(180deg,hsla(180 100% 50% / 80%),hsla(180 100% 50% / 0) 75%),linear-gradient(240deg,hsla(240 100% 50% / 80%),hsla(240 100% 50% / 0) 75%),linear-gradient(300deg,hsla(300 100% 50% / 80%),hsla(300 100% 50% / 0) 75%);--gradient-19: linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20: conic-gradient(from -135deg at -10% center,#ffa500,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21: conic-gradient(from -90deg at 25% 115%,#ff0000,#ff0066,#ff00cc,#cc00ff,#6600ff,#0000ff,#0000ff,#0000ff,#0000ff);--gradient-22: linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23: linear-gradient(to bottom right,#536976,#292E49);--gradient-24: conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25: conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26: linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27: conic-gradient(from .5turn at bottom left,deeppink,rebeccapurple);--gradient-28: conic-gradient(from -90deg at 50% 105%,white,orchid);--gradient-29: radial-gradient(circle at top right,hsl(250 100% 85%),hsl(250 100% 85% / 0%)),radial-gradient( circle at bottom left,hsl(220 90% 75%),hsl(220 90% 75% / 0%));--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;}