html{font-size:62.5%;}:root{--min-screen-width:360px;--max-screen-width:1140px;--primary:hsla(212,96%,32%,1);--secondary:hsla(48,100%,50%,1);--tertiary:hsla(198,74%,51%,1);--bg-body:hsla(0,0%,100%,1);--bg-surface:hsla(0,0%,96%,1);--bg-4a:#4A4A4A;--text-body:hsla(0,0%,25%,1);--text-title:hsla(0,0%,0%,1);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:hsla(0,0%,0%,0.15);--light:hsla(0,0%,100%,1);--dark:hsla(0,0%,0%,1);--success:hsl(136,95%,56%);--error:hsl(351,95%,56%);--space-4xs:clamp(0.38rem,calc(0.24vw + 0.29rem),0.57rem);--space-3xs:clamp(0.51rem,calc(0.32vw + 0.39rem),0.76rem);--space-2xs:clamp(0.68rem,calc(0.43vw + 0.52rem),1.01rem);--space-xs:clamp(0.9rem,calc(0.58vw + 0.69rem),1.35rem);--space-s:clamp(1.2rem,calc(0.77vw + 0.92rem),1.8rem);--space-m:clamp(1.6rem,calc(1.03vw + 1.23rem),2.4rem);--space-l:clamp(2.13rem,calc(1.37vw + 1.64rem),3.2rem);--space-xl:clamp(2.84rem,calc(1.82vw + 2.19rem),4.26rem);--space-2xl:clamp(3.79rem,calc(2.43vw + 2.92rem),5.69rem);--space-3xl:clamp(5.05rem,calc(3.24vw + 3.89rem),7.58rem);--space-4xl:clamp(6.73rem,calc(4.32vw + 5.18rem),10.1rem);--space-5xl:clamp(8.98rem,calc(5.75vw + 6.9rem),13.46rem);--text-xs:clamp(1.1rem,calc(0.38vw + 0.96rem),1.4rem);--text-s:clamp(1.4rem,calc(0.26vw + 1.31rem),1.6rem);--text-m:clamp(1.6rem,calc(0.26vw + 1.51rem),1.8rem);--text-l:clamp(1.8rem,calc(0.26vw + 1.71rem),2rem);--text-xl:clamp(2rem,calc(0.51vw + 1.81rem),2.4rem);--text-2xl:clamp(2.4rem,calc(1.03vw + 2.03rem),3.2rem);--text-3xl:clamp(3.2rem,calc(1.03vw + 2.83rem),4rem);--text-4xl:clamp(4rem,calc(1.03vw + 3.63rem),4.8rem);--text-5xl:clamp(4.8rem,calc(1.03vw + 4.43rem),5.6rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--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);--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-xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s:clamp(0.6rem,calc(0.26vw + 0.51rem),0.8rem);--radius-m:clamp(1rem,calc(0.26vw + 0.91rem),1.2rem);--radius-l:clamp(1.6rem,calc(0.51vw + 1.42rem),2rem);--radius-xl:clamp(2.6rem,calc(0.77vw + 2.32rem),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);}: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{--bg-body:hsla(0,0%,100%,1);--bg-surface:hsla(0,0%,96%,1);--bg-4a:#f8f8d8;--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%,100%,1);--dark:hsla(0,0%,100%,1);}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-s);background:var(--secondary);color:var(--secondary-d-4);font-size:var(--text-l);font-weight:600;box-shadow:var(--shadow-m);transition:all 0.25s ease-in-out;outline:0;cursor:pointer;}@media (hover:hover){.btn:hover{background:var(--secondary-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(--primary);border-color:var(--primary-d-1);color:var(--light);}@media (hover:hover){.btn.ghost:hover{background:var(--dark-10);}}@media (hover:hover){.btn.slight:hover{background:var(--dark-5);}}@media (hover:hover){.btn.tertiary:hover{background:var(--tertiary-d-1);}}@media (hover:hover){.btn.secondary:hover{background:var(--primary-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;}@media (hover:hover){.btn.no-bg:hover{color:var(--dark);}}.badge{display:flex;align-items:center;justify-content:center;gap:var(--space-4xs);padding:var(--space-2xs) var(--space-s);background:var(--primary);color:var(--light);font-size:var(--text-m);font-weight:500;border:0;outline:0;}.badge.secondary{color:var(--secondary);}@media (hover:hover){.badge:hover{background:var(--secondary);color:var(--text-body);}}.btn-nav{padding:var(--space-2xl) var(--space-l);background:var(--bg-body);color:var(--text-body);font-size:var(--text-l);}@media (hover:hover){.btn-nav:hover{background:var(--primary);color:var(--bg-surface);}}.btn-nav:active{background:var(--primary);color:var(--light);}.card-post-home{background-color:var(--bg-surface);flex-direction:row;align-items:center;}.link{color:var(--primary);font-size:var(--text-m);font-weight:600;letter-spacing:0.05rem;box-shadow:0 2px 0 var(--primary-20);-webkit-text-decoration:none;text-decoration:none;transition:all 0.15s ease-in-out;}@media (hover:hover){.link:hover{box-shadow:0 2px 0 var(--primary-40);}}.link:focus{background:var(--primary-10);}.link.secondary{color:var(--secondary);border-color:var(--secondary-20);}.link.tertiary{color:var(--tertiary);border-color:var(--tertiary-20);}.input{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-title);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;appearance:none;outline:0;}.input:focus{background:var(--primary-20);border-color:var(--primary);box-shadow:var(--shadow-l);}@media (hover:hover){.input:hover{border-color:var(--primary);background:transparent;box-shadow:var(--shadow-l);}}.input::placeholder{color:var(--dark-40);}.input:invalid{border-color:var(--error);background:var(--error-10);}.input:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.select{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-body);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;outline:0;}.select:focus{background:var(--primary-20);border-color:var(--primary);}@media (hover:hover){.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;}.icon{color:var(--primary);width:var(--space-2xl);height:auto;font-size:var(--space-2xl);}.icon.large{width:var(--space-3xl);font-size:var(--space-3xl);}.icon.secondary{color:var(--secondary);}.icon.tertiary{color:var(--tertiary);}.icon.outline{padding:0.5em;border:1px solid var(--border-primary);border-radius:100%;box-sizing:content-box;}.icon.filled{padding:0.5em;border-radius:100%;box-sizing:content-box;background:var(--dark-10);}.icon.small{width:var(--space-l);font-size:var(--space-l);}.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%;}.checkbox{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-s);width:clamp(1.8rem,calc(0.51vw + 1.61rem),2.2rem);height:clamp(1.8rem,calc(0.51vw + 1.61rem),2.2rem);}.checkbox:checked:before{transform:scale(1);}.checkbox::before{content:"";width:1em;height:1em;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;}@media (hover:hover){.checkbox:hover{border-color:var(--primary);}}.checkbox:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.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.51vw + 1.61rem),2.2rem);height:clamp(1.8rem,calc(0.51vw + 1.61rem),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);}@media (hover:hover){.radio:hover{border-color:var(--primary);}}.radio:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.radio:checked{border-color:var(--primary);}html.cf-theme-dark{color-scheme:dark;}.bg-primary{background-color:var(--primary);}.text-primary{color:var(--primary);}.border-primary{border-color:var(--primary);}.bg-secondary{background-color:var(--secondary);}.text-secondary{color:var(--secondary);}.border-secondary{border-color:var(--secondary);}.bg-tertiary{background-color:var(--tertiary);}.text-tertiary{color:var(--tertiary);}.border-tertiary{border-color:var(--tertiary);}.line-height-xs{line-height:1;}.line-height-s{line-height:1.2;}.line-height-m{line-height:1.3;}.line-height-l{line-height:1.4;}.line-height-xl{line-height:1.5;}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-duration:0s !important;transition-delay:0s !important;}}/* Custom Stylesheets */ /* Add your custom CSS here */