:root{--color-opacity:.8;--color-transparent:transparent;--color-black:#000000;--color-gray:#9ca3af;--color-emerald:#14a570;--color-emerald-light: #d1fae5;--color-white:#ffffff;--color-bluegray-light:#1f2937;--color-bluegray-dark:#111827}:root{--size-base:.5rem}:root{--font-primary:"system-ui","Segoe UI"}*{margin:0;padding:0;box-sizing:border-box;border:0}html{font-size:16px;background-color:var(--color-black)}body{width:100%;margin:0 auto}.c-button{text-decoration:none;&[class*=__icon]{width:calc(var(--size-base)*4);height:calc(var(--size-base)*4)}&.c-button--primary{background-color:var(--color-emerald);color:var(--color-white);&:hover{opacity:var(--color-opacity)}}&[class*=--secondary]{background-color:var(--color-transparent);border:calc(var(--size-base)/8) solid var(--color-gray);color:var(--color-gray)}&[class*=--secondary]:hover{background-color:var(--color-bluegray-light);color:var(--color-emerald)}&.c-button--white{background-color:var(--color-white);color:var(--color-bluegray-dark);&:hover{background-color:var(--color-bluegray-light);color:var(--color-white)}}}.c-badge{&.c-badge__icon{width:calc(var(--size-base)*3);height:calc(var(--size-base)*3)}&.c-badge--primary{color:var(--color-emerald-light);background:linear-gradient(to right,#059669,#34d399)}&.c-badge--secondary{color:var(--color-emerald-light);background:linear-gradient(to right,var(--color-bluegray-light),var(--color-bluegray-dark))}&.c-badge--outline{color:var(--color-emerald);border:calc(var(--size-base)/2.8) solid var(--color-gray)}&.c-badge--transparent{color:var(--color-gray);font-size:calc(var(--size-base)*3);font-weight:700}}.c-section{font-family:var(--font-primary);&.c-section--primary{color:var(--color-white);text-align:center}}.c-card{border-radius:var(--size-base);transition:all .3s;&.c-card__icon{width:calc(var(--size-base)*4);height:calc(var(--size-base)*4)}&.c-card--secondary{border:calc(var(--size-base)/4) solid var(--color-bluegray-light);background-color:var(--color-white)}&.c-card--primary{border:calc(var(--size-base)/4) solid var(--color-bluegray-light);background:linear-gradient(to bottom right,var(--color-bluegray-dark),var(--color-bluegray-light))}&.c-card--outline{border:calc(var(--size-base)/4) solid var(--color-bluegray-light)}&:hover{box-shadow:0 10px 15px -3px #064e3b1a,0 4px 6px -2px #064e3b0d}}.c-navbar{background-color:var(--color-bluegray-dark)}.c-cover{border-radius:calc(var(--size-base)*2);&.c-cover--primary{border:calc(var(--size-base)/6)}}.c-img{border:calc(var(--size-base)/2) solid var(--color-emerald);border-radius:calc(var(--size-base)*3);will-change:transform;transition:transform .3s ease;&:hover{transform:scale(1.02)}}.e-logo{font-family:var(--font-primary);font-size:calc(var(--size-base)*3);color:var(--color-emerald);font-weight:700}.e-h1{font-size:calc(var(--size-base)*3);font-weight:700;font-family:var(--font-primary);background:linear-gradient(to right,var(--color-emerald),var(--color-emerald-light));-webkit-background-clip:text;background-clip:text;color:var(--color-transparent);padding:0 var(--size-base)}@media (min-width: 640px){.e-h1{font-size:calc(var(--size-base)*5)}}@media (min-width: 1024px){.e-h1{font-size:calc(var(--size-base)*5.6)}}.e-price{font-size:calc(var(--size-base)*12);font-weight:700;font-family:var(--font-primary);color:var(--color-white)}.e-p{font-size:calc(var(--size-base)*1.8);font-weight:700;font-family:var(--font-primary);color:var(--color-gray);padding:0 var(--size-base)}.e-input{background-color:var(--color-transparent);color:var(--color-white);&:hover{border-color:var(--color-orange)}&:focus{border-color:var(--color-orange);outline:none}}.o-button{display:inline-flex;font-family:var(--font-primary);align-items:center;justify-content:center;gap:calc(var(--size-base)*2);cursor:pointer;border-radius:calc(var(--size-base)/1.5);font-size:calc(var(--size-base)*1.8);transition:background-color .3s ease;padding:calc(var(--size-base)) calc(var(--size-base)*2)}.o-navbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:calc(var(--size-base)*2) calc(var(--size-base)*2)}.o-badge{font-family:var(--font-primary);font-size:calc(var(--size-base)*1.5);border-radius:calc(var(--size-base)*2);padding:calc(var(--size-base)/1.6) calc(var(--size-base)*2);display:inline-flex;justify-content:center;align-items:center;gap:calc(var(--size-base)*2)}.o-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--size-base)}.o-flex{display:flex;flex-direction:column;gap:calc(var(--size-base)*1);&.o-flex--center{justify-content:center;align-items:center}&.o-flex--between{justify-content:space-between;align-items:center}&.o-flex--column{flex-direction:column}&.o-flex--row{flex-direction:row}}@media (min-width: 640px){.o-flex{display:flex;flex-direction:column;gap:calc(var(--size-base)*1)}}@media (min-width: 1024px){.o-flex{display:flex;flex-direction:row;gap:calc(var(--size-base)*1)}}.o-grid{width:100%;display:grid;gap:calc(var(--size-base) * 2);grid-template-columns:1fr;&.o-grid--2-cols{@media (min-width: 640px){grid-template-columns:repeat(2,1fr)}}&.o-grid--3-cols{@media (min-width: 1024px){grid-template-columns:repeat(3,1fr)}}&.o-grid--auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.o-section{width:100%;display:flex;flex-direction:column;align-items:center}.o-card{padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.o-cover{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;padding:calc(var(--size-base)*3) calc(var(--size-base)*1);align-items:center}.o-img{width:100%;height:100%;object-fit:cover}.u-color-text{&.u-color-text--emerald{color:var(--color-emerald)}&.u-color-text--white{color:var(--color-white)}&.u-color-text--black{color:var(--color-black)}&.u-color-text--bluegray-dark{color:var(--color-bluegray-dark)}}.u-color-bg{&.u-color-bg--emerald{background-color:var(--color-emerald)}&.u-color-bg--black{background-color:var(--color-black)}&.u-color-bg--bluegray-dark{background-color:var(--color-bluegray-dark)}&.u-color-bg--gradient{background:linear-gradient(to bottom,var(--color-bluegray-light),var(--color-bluegray-dark))}&.u-color-bg--gradient-dark{background:linear-gradient(to bottom,var(--color-transparent),var(--color-bluegray-dark),var(--color-bluegray-dark))}}.u-color-border{&.u-color-border--emerald{border-color:var(--color-emerald)}&.u-color-border--black{border-color:var(--color-black)}&.u-color-border--bluegray-dark{border-color:var(--color-bluegray-dark)}&.u-color-border--bluegray-light{border-color:var(--color-bluegray-light)}}.u-text--uppercase{text-transform:uppercase}.u-text--bold{font-weight:700}.u-text--center{text-align:center}.u-border{border:calc(var(--size-base)/4);&[class*=-radius--small]{border-radius:calc(var(--size-base))}}.u-margin{&.u-margin--left{margin-left:auto}&.u-margin--right{margin-right:auto}&.u-margin--y-xs{margin-top:10px;margin-bottom:10px}&.u-margin--y-md{margin-top:30px;margin-bottom:30px}&.u-margin--y-lg{margin-top:50px;margin-bottom:50px}&.u-margin--x-xs{margin-left:10px;margin-right:10px}&.u-margin--x-md{margin-left:30px;margin-right:30px}&.u-margin--x-lg{margin-left:50px;margin-right:50px}}.u-padding{&.u-padding--y-xs{padding-top:10px;padding-bottom:10px}&.u-padding--y-md{padding-top:30px;padding-bottom:30px}&.u-padding--y-lg{padding-top:50px;padding-bottom:50px}&.u-padding--x-xs{padding-left:10px;padding-right:10px}&.u-padding--x-md{padding-left:30px;padding-right:30px}&.u-padding--x-lg{padding-left:50px;padding-right:50px}}.u-size-icon{&.u-size-icon--xs{width:var(--size-base);height:var(--size-base)}&.u-size-icon--sm{width:calc(var(--size-base)*1);height:calc(var(--size-base)*1)}&.u-size-icon--md{width:calc(var(--size-base)*2);height:calc(var(--size-base)*2)}&.u-size-icon--lg{width:calc(var(--size-base)*3);height:calc(var(--size-base)*3)}}.u-size-text{&.u-size-text--xs{font-size:calc(var(--size-base))}&.u-size-text--sm{font-size:calc(var(--size-base)*2)}&.u-size-text--md{font-size:calc(var(--size-base)*4)}&.u-size-text--lg{font-size:calc(var(--size-base)*6)}}.u-size-w{&.u-size-w--xs{max-width:150px;height:auto}&.u-size-w--md{max-width:500px;height:auto}}