html{font-size:62.5%;}html.cf-theme-dark{color-scheme:dark;}:root{--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(207,91%,17%,1);--primary-5:hsla(207,91%,17%,0.05);--primary-10:hsla(207,91%,17%,0.1);--primary-20:hsla(207,91%,17%,0.2);--primary-30:hsla(207,91%,17%,0.3);--primary-40:hsla(207,91%,17%,0.4);--primary-50:hsla(207,91%,17%,0.5);--primary-60:hsla(207,91%,17%,0.6);--primary-70:hsla(207,91%,17%,0.7);--primary-80:hsla(207,91%,17%,0.8);--primary-90:hsla(207,91%,17%,0.9);--primary-l-1:hsla(213,48%,26%,1);--primary-l-2:hsla(215,33%,33%,1);--primary-l-3:hsla(216,24%,40%,1);--primary-l-4:hsla(217,18%,47%,1);--primary-l-5:hsla(218,16%,54%,1);--primary-l-6:hsla(218,16%,62%,1);--primary-l-7:hsla(219,16%,69%,1);--primary-l-8:hsla(219,16%,77%,1);--primary-l-9:hsla(219,16%,84%,1);--primary-l-10:hsla(219,17%,92%,1);--secondary:#ffc107;--secondary-d-1:hsla(44,87%,48%,1);--secondary-d-2:hsla(44,82%,44%,1);--secondary-d-3:hsla(43,78%,40%,1);--secondary-d-4:hsla(43,73%,35%,1);--secondary-d-5:hsla(43,70%,30%,1);--secondary-d-6:hsla(42,65%,26%,1);--secondary-d-7:hsla(42,61%,21%,1);--secondary-d-8:hsla(41,55%,17%,1);--secondary-d-9:hsla(40,49%,12%,1);--secondary-d-10:hsla(41,51%,7%,1);--bg-body:hsla(0,0%,100%,1);--bg-surface:hsla(0,0%,95%,1);--text-body:hsla(0,0%,16%,1);--text-title:hsla(0,0%,8%,1);--border-primary:#dddedf;--shadow-primary:rgba(0,0,0,.1);--light:hsla(85,0%,100%,1);--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);--light-d-1:hsla(0,0%,90%,1);--light-d-2:hsla(0,0%,80%,1);--light-d-3:hsla(0,0%,70%,1);--light-d-4:hsla(0,0%,60%,1);--light-d-5:hsla(0,0%,51%,1);--light-d-6:hsla(0,0%,42%,1);--light-d-7:hsla(0,0%,34%,1);--light-d-8:hsla(0,0%,25%,1);--light-d-9:hsla(0,0%,17%,1);--light-d-10:hsla(0,0%,10%,1);--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);--green:hsl(119.6deg 81.83% 19.57%);--green-5:hsla(120,82%,20%,0.05);--green-10:hsla(120,82%,20%,0.1);--green-20:hsla(120,82%,20%,0.2);--green-30:hsla(120,82%,20%,0.3);--green-40:hsla(120,82%,20%,0.4);--green-50:hsla(120,82%,20%,0.5);--green-60:hsla(120,82%,20%,0.6);--green-70:hsla(120,82%,20%,0.7);--green-80:hsla(120,82%,20%,0.8);--green-90:hsla(120,82%,20%,0.9);--orange:hsla(23,100%,50%,1);--orange-5:hsla(23,100%,50%,0.05);--orange-10:hsla(23,100%,50%,0.1);--orange-20:hsla(23,100%,50%,0.2);--orange-30:hsla(23,100%,50%,0.3);--orange-40:hsla(23,100%,50%,0.4);--orange-50:hsla(23,100%,50%,0.5);--orange-60:hsla(23,100%,50%,0.6);--orange-70:hsla(23,100%,50%,0.7);--orange-80:hsla(23,100%,50%,0.8);--orange-90:hsla(23,100%,50%,0.9);--red:hsla(4,79%,44%,1);--red-5:hsla(4,79%,44%,0.05);--red-10:hsla(4,79%,44%,0.1);--red-20:hsla(4,79%,44%,0.2);--red-30:hsla(4,79%,44%,0.3);--red-40:hsla(4,79%,44%,0.4);--red-50:hsla(4,79%,44%,0.5);--red-60:hsla(4,79%,44%,0.6);--red-70:hsla(4,79%,44%,0.7);--red-80:hsla(4,79%,44%,0.8);--red-90:hsla(4,79%,44%,0.9);--red-d-1:hsla(6,75%,33%,1);--red-d-2:hsla(8,70%,23%,1);--red-d-3:hsla(14,65%,12%,1);--space-2xs:clamp(0.2rem,calc(0vw + 0.2rem),0.2rem);--space-xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--space-s:clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem);--space-m:clamp(1.2rem,calc(0.37vw + 1.08rem),1.6rem);--space-l:clamp(1.6rem,calc(0.37vw + 1.48rem),2rem);--space-xl:clamp(2.4rem,calc(0.56vw + 2.22rem),3rem);--space-2xl:clamp(3.2rem,calc(0.74vw + 2.96rem),4rem);--text-xs:clamp(1rem,calc(0.09vw + 0.97rem),1.1rem);--text-s:clamp(1.2rem,calc(0vw + 1.2rem),1.2rem);--text-m:clamp(1.3rem,calc(0.09vw + 1.27rem),1.4rem);--text-l:clamp(1.5rem,calc(0.09vw + 1.47rem),1.6rem);--text-xl:clamp(1.8rem,calc(0vw + 1.8rem),1.8rem);--text-2xl:clamp(2.2rem,calc(0.37vw + 2.08rem),2.6rem);--text-3xl:clamp(2.6rem,calc(0.37vw + 2.48rem),3rem);--text-4xl:clamp(3rem,calc(0.37vw + 2.88rem),3.4rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--gap:var(--space-l);--column-gap-s:var(--space-s);--btn-space:var(--space-s) var(--space-m);--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));--radius-s:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-m:clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem);--radius-full:999rem;--shadow:0 4px 6px -1px var(--shadow-primary);}:root.cf-theme-dark,:root.cf-theme-light .theme-inverted,:root.cf-theme-light .theme-always-dark,:root.cf-theme-dark .theme-inverted .theme-always-dark{--primary:hsla(207,89%,18%,1);--primary-5:hsla(207,89%,18%,0.05);--primary-10:hsla(207,89%,18%,0.1);--primary-20:hsla(207,89%,18%,0.2);--primary-30:hsla(207,89%,18%,0.3);--primary-40:hsla(207,89%,18%,0.4);--primary-50:hsla(207,89%,18%,0.5);--primary-60:hsla(207,89%,18%,0.6);--primary-70:hsla(207,89%,18%,0.7);--primary-80:hsla(207,89%,18%,0.8);--primary-90:hsla(207,89%,18%,0.9);--secondary:hsla(54,100%,62%,1);--bg-body:hsla(0,0%,5%,1);--bg-surface:hsla(0,0%,15%,1);--text-body:hsla(0,0%,75%,1);--text-title:hsla(0,0%,100%,1);--border-primary:hsla(0,0%,75%,0.1);--shadow-primary:hsla(0,0%,0%,0.4);--light:hsla(0,0%,0%,1);--light-5:hsla(0,0%,0%,0.05);--light-10:hsla(0,0%,0%,0.1);--light-20:hsla(0,0%,0%,0.2);--light-30:hsla(0,0%,0%,0.3);--light-40:hsla(0,0%,0%,0.4);--light-50:hsla(0,0%,0%,0.5);--light-60:hsla(0,0%,0%,0.6);--light-70:hsla(0,0%,0%,0.7);--light-80:hsla(0,0%,0%,0.8);--light-90:hsla(0,0%,0%,0.9);--dark:hsla(0,0%,100%,1);--dark-5:hsla(0,0%,100%,0.05);--dark-10:hsla(0,0%,100%,0.1);--dark-20:hsla(0,0%,100%,0.2);--dark-30:hsla(0,0%,100%,0.3);--dark-40:hsla(0,0%,100%,0.4);--dark-50:hsla(0,0%,100%,0.5);--dark-60:hsla(0,0%,100%,0.6);--dark-70:hsla(0,0%,100%,0.7);--dark-80:hsla(0,0%,100%,0.8);--dark-90:hsla(0,0%,100%,0.9);}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-s);background:var(--primary);color:#fff;font-size:var(--text-m);font-weight:600;border-radius:var(--radius-m);border:1px solid var(--primary-d-1);box-shadow:var(--shadow-m);transition:all 0.25s ease-in-out;outline:0;cursor:pointer;}.btn:hover{background:var(--primary-d-1);transform:translateY(-0.1rem);}.btn.small{font-size:var(--text-s);padding:var(--space-xs) var(--space-s);}.btn.large{font-size:var(--text-l);padding:var(--space-s) var(--space-m);}.btn.tertiary{background:var(--tertiary);border-color:var(--tertiary-d-1);}.btn.ghost{color:var(--dark-80);background:transparent;border-color:transparent;box-shadow:none;}.btn.slight{color:var(--dark-80);background:var(--bg-surface);border-color:var(--border-primary);box-shadow:var(--shadow-s);}.btn.secondary{background:var(--secondary);border-color:var(--secondary-d-1);}.btn.ghost:hover{background:var(--dark-10);}.btn.slight:hover{background:var(--dark-5);}.btn.tertiary:hover{background:var(--tertiary-d-1);}.btn.secondary:hover{background:var(--secondary-d-1);}.btn:focus{outline:4px solid var(--primary-l-3);outline-offset:2px;}.btn.no-bg{color:var(--dark-80);background:transparent;box-shadow:none;border-color:transparent;}.btn.no-bg:hover{color:var(--dark);}.badge{display:flex;align-items:center;justify-content:center;gap:var(--space-s);padding:var(--space-2xs) var(--space-xs);background:var(--primary);color:var(--light);font-size:var(--text-s);font-weight:600;border-radius:var(--radius-s);border:0;outline:0;letter-spacing:1px;}.badge.red{background:var(--red);}.link{color:var(--primary);font-size:var(--text-m);font-weight:600;letter-spacing:0.05rem;border-bottom:1px solid;transition:all 0.15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;}.link:hover{color:var(--orange);}.link.secondary{color:var(--secondary);border-color:var(--secondary-20);}.link.tertiary{color:var(--tertiary);border-color:var(--tertiary-20);}input[type="search"]{padding:var(--btn-space);color:var(--text-body);font-size:var(--text-m);border-radius:var(--radius-m);border:1px solid var(--border-primary);transition:all 0.25s ease-in-out;appearance:none;outline:0;background:var(--light);}input[type="search"]:focus{border-color:var(--primary);}input[type="search"]:hover{border-color:var(--primary);box-shadow:var(--shadow);}input[type="search"]::placeholder{color:var(--dark-40);}input[type="search"]:invalid{border-color:var(--red);background:var(--red-10);}input[type="search"]:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}select{padding:var(--btn-space);background-color:var(--light);color:var(--text-body);font-size:var(--text-m);border-radius:var(--radius-m);border:1px solid var(--border-primary);transition:all 0.2s ease-ouin-t;outline:0;}select:focus{border-color:var(--primary);}select:hover{border-color:var(--primary);}select::placeholder{color:var(--dark-40);}select:invalid{border-color:var(--error);background:var(--error-10);}select:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.card{display:grid;gap:var(--space-xs);padding:var(--space-m);font-size:var(--text-m);color:var(--text-body);background:var(--bg-surface);line-height:1.3;border-radius:var(--radius-m);box-shadow:var(--shadow-m);}.card.secondary{background:var(--secondary);color:#fff;}.card.primary{background:var(--primary);color:#fff;}.avatar{width:var(--space-2xl);height:var(--space-2xl);border-radius:100%;box-shadow:var(--shadow-m);object-fit:cover;}.avatar.small{width:var(--space-l);height:var(--space-l);}.avatar.large{width:var(--space-4xl);height:var(--space-4xl);}.divider{min-width:100%;width:100%;max-width:100%;min-height:1px;height:1px;max-height:1px;background:var(--border-primary);margin:var(--space-m) 0;border:0;}.divider.vertical{min-width:1px;width:1px;max-width:1px;min-height:100%;height:100%;max-height:100%;}input[type="checkbox"]{appearance:none;display:grid;place-content:center;border:1px solid var(--border-primary);border-radius:var(--radius-s);width:clamp(1.8rem,calc(0.19vw + 1.74rem),2rem);aspect-ratio:1;padding-inline-start:0;padding-inline-end:0;transition:background-color 0.2s,border-color 0.2s;}input[type="checkbox"]:checked:before{transform:scale(1);}input[type="checkbox"]::before{content:"";box-shadow:inset 1em 1em #fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform 0.2s;width:2rem;aspect-ratio:1;color:var(--light);}input[type="checkbox"]:hover{border-color:var(--primary);}input[type="checkbox"]:focus{outline:3px solid var(--primary-15);outline-offset:2px;}input[type="checkbox"]:checked{background:var(--primary);border-color:var(--primary);}.radio{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-full);width:clamp(1.8rem,calc(0.37vw + 1.68rem),2.2rem);height:clamp(1.8rem,calc(0.37vw + 1.68rem),2.2rem);}.radio:checked:before{transform:scale(1);}.radio::before{content:"";width:1em;height:1em;border-radius:100%;transform:scale(0);transition:transform 0.2s;background:var(--primary);}.radio:hover{border-color:var(--primary);}.radio:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.radio:checked{border-color:var(--primary);}