:root{--burple: #5865f2;--blue: #4d65ff;--olo: #00FFCC;--success: #43a25a;--danger: #da3e44;--bg: #24242a;--defaultTransition: all .18s ease-in-out;line-height:1.5;font-weight:400;background-color:var(--bg);color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div:not(#root):has(div#turnstile-container){position:absolute;top:20px;left:20px;z-index:1000}html,body{font-size:62.5%;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;height:100%;min-height:calc(100svh - 80px);max-width:100vw}#root{text-align:center;width:100vw}:focus-visible{border-radius:inherit;outline:none}input:-internal-autofill-selected{background-color:inherit}main{min-height:calc(100svh - 80px);height:fit-content;display:flex;flex-direction:column;align-items:center;padding:50px 0;max-width:1000px;gap:20px;width:calc(100vw - 100px);margin:80px auto 0}img{vertical-align:middle}li{list-style:none}a{text-decoration:none}input:-internal-autofill-selected{background-color:transparent!important;background-image:none!important;color:inherit!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{position:relative;margin:0;color:#fff;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;backface-visibility:hidden}svg{pointer-events:none}*::-webkit-scrollbar{width:10px;scrollbar-width:thin}*::-webkit-scrollbar-track{border-radius:10px}body::-webkit-scrollbar-track{margin-top:80px}*::-webkit-scrollbar-thumb{border-radius:10px;background:var(--olo);border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background-color:#555}main#entry article.entry{width:100%;padding:20px;text-align:left;gap:10px;display:flex;flex-direction:column}main#entry article.entry span.img{width:100%;aspect-ratio:16/6;display:flex}main#entry article.entry h3,main#entry article.entry p{overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}main#entry article.entry h3{font-size:2.4rem;color:#eef;-webkit-line-clamp:2;line-clamp:2;width:80%;height:32px}main#entry article.entry div.info{display:flex;flex-direction:row;align-items:center;color:#99a;font-size:1.6rem;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}main#entry article.entry div.info span{height:20px;width:120px}main#entry article.entry p{font-size:1.6rem;line-height:1.5;text-align:justify;text-wrap:balance}article.entry.preview{flex:1 0 30%;box-shadow:0 0 16px #333340;border-radius:16px;padding:20px;text-align:left;transition:all .15s ease-in-out;background:radial-gradient(#222228,#111114);background-size:200% 200%;background-position:100% 100%;gap:10px;display:flex;flex-direction:column;cursor:pointer}article.entry.preview:hover{transform:scale(1.05)}article.entry.preview span.img{width:100%;aspect-ratio:16/6;border-radius:8px;background:#e6e6fa;display:flex}article.entry.preview h3,article.entry.preview p{overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}article.entry.preview h3{font-size:2rem;color:#eef;-webkit-line-clamp:2;line-clamp:2}article.entry.preview p{font-size:1.4rem;color:#99a;-webkit-line-clamp:3;line-clamp:3}article.entry.placeholder{--placeholder: linear-gradient(120deg, #9999aa 25%, #777788 50%, #9999aa 75%);width:100%;padding:20px;text-align:left;gap:10px;display:flex;flex-direction:column}article.entry.placeholder span.img{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}article.entry.placeholder span.img{width:100%;aspect-ratio:16/6;display:flex}article.entry.placeholder h3,article.entry.placeholder p{overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}article.entry.placeholder h3{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}article.entry.placeholder h3{font-size:2.4rem;color:#eef;-webkit-line-clamp:2;line-clamp:2;width:80%;height:32px}article.entry.placeholder div.info{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}article.entry.placeholder div.info{display:flex;flex-direction:row;align-items:center;color:#99a;font-size:1.6rem;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}article.entry.placeholder div.info span{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}article.entry.placeholder div.info span{height:20px;width:120px}article.entry.placeholder p{font-size:1.4rem;-webkit-line-clamp:3;line-clamp:3;display:flex;flex-direction:column;gap:8px}article.entry.placeholder p span.line{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}article.entry.placeholder p span.line{height:20px;width:100%}article.entry.placeholder p span.line:last-of-type{width:60%}main#blog section.recientes{display:flex;flex-wrap:wrap;gap:20px}main#dashboard aside{height:calc(100vh - 80px);width:300px;background:#111114;border-top:1px solid #24242a;position:sticky;display:flex;flex-direction:column;transition:all .2s ease-in-out;flex-shrink:0;align-items:flex-start;justify-content:flex-start}main#dashboard aside::-webkit-scrollbar{display:none}main#dashboard aside *[aria-label]:before{content:attr(aria-label);visibility:hidden;opacity:0;width:fit-content;position:absolute;padding:8px 12px;border-radius:8px;text-wrap:nowrap;z-index:10;font-size:1.4rem;background:#111114;box-shadow:0 0 8px #111114;pointer-events:none;border:1px solid #222229;transition:all .1s ease-in-out 0s}main#dashboard aside.collapsed{width:64px}main#dashboard aside.collapsed *[aria-label]:hover:before{visibility:visible;opacity:1;transition:all .1s ease-in-out .4s}main#dashboard aside.collapsed div.guild{padding:16px 8px}main#dashboard aside.collapsed div.guild div.select div.selected{padding:0}main#dashboard aside.collapsed nav{width:100%}main#dashboard aside.collapsed nav ol.sections{width:100%}main#dashboard aside.collapsed nav ol.sections li:is(.section,.subSection)[aria-label]:before{left:calc(100% + 4px)}main#dashboard aside.collapsed nav ol.sections li.subSection{width:32px}main#dashboard aside.collapsed nav ol.sections li.subSection>:is(a,button){padding:0}main#dashboard aside.collapsed nav ol.sections li.section{width:100%}main#dashboard aside.collapsed nav ol.sections li.section ol.subSections{padding-left:0}main#dashboard aside.collapsed nav ol.sections li.section:has(ol.subSections){background:#24242a55}main#dashboard aside.collapsed nav ol.sections li.section:has(ol.subSections):before{content:"";position:absolute;width:40px;height:40px;border-radius:6px;background:#111114;top:4px;left:4px}main#dashboard aside.collapsed nav ol.sections li.section:has(ol.subSections) svg:first-of-type{display:block}main#dashboard aside div.guild{width:100%;flex-shrink:0;height:80px;padding:16px;position:sticky;transition:all .15s ease-in-out;z-index:2}main#dashboard aside button.collapse{width:48px;height:48px;flex-shrink:0;height:48pxpx;margin:16px 8px;transition:all .15s ease-in-out;border:none}main#dashboard aside nav{width:100%;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:calc(100vh - 160px)}main#dashboard aside nav::-webkit-scrollbar{width:0}main#dashboard aside nav ol.sections{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 8px;align-items:center;justify-content:flex-start}main#dashboard aside nav ol.sections li{width:100%;display:grid;flex-direction:row;min-height:48px;border-radius:8px;cursor:pointer;font-size:1.6rem;text-wrap:nowrap;align-items:center;transition:all .15s ease-in-out;justify-content:flex-start;grid-template-columns:1fr;grid-template-rows:48px 1fr;overflow:visible}main#dashboard aside nav ol.sections li.collapsed{grid-template-rows:48px 0fr;overflow:hidden}main#dashboard aside nav ol.sections li:has(ol.subSections){margin-top:8px}main#dashboard aside nav ol.sections li.active>:is(a,div) span.displayName{color:#fff}main#dashboard aside nav ol.sections li.active>:is(a,div) svg:first-of-type :is(path,circle){stroke:#fff}main#dashboard aside nav ol.sections li ol.subSections{grid-row:2;width:100%;z-index:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;transition:all .15s ease-in-out;padding-left:8px}main#dashboard aside nav ol.sections li.subSection{height:32px;min-height:32px;grid-template-rows:32px 1fr}main#dashboard aside nav ol.sections li.subSection>:is(a,div){padding:4px 8px}main#dashboard aside nav ol.sections li>:is(a,div){grid-row:1;width:100%;display:flex;-webkit-user-select:none;user-select:none;padding:8px;height:100%;z-index:1;overflow:hidden;align-items:center;justify-content:flex-start;gap:8px}main#dashboard aside nav ol.sections li>:is(a,div) span.displayName{flex:1;text-align:left;color:#aab}main#dashboard aside nav ol.sections li>:is(a,div) svg:first-of-type{width:24px;height:24px;flex-shrink:0;margin:0 4px}main#dashboard aside nav ol.sections li>:is(a,div) svg:first-of-type.fa{fill:#aab}main#dashboard aside nav ol.sections li>:is(a,div) svg:first-of-type :is(path,circle){stroke:#aab}main#dashboard aside nav ol.sections li>:is(a,div) svg.toggle{width:16px;height:16px;margin-left:auto}main#dashboard aside nav ol.sections li>:is(a,div) svg.toggle path{stroke:#aab}main#dashboard aside nav ol.sections li>:is(div){height:24px;padding:0 8px;background:transparent;border:none;font-size:1rem;text-transform:uppercase;font-weight:800}main#dashboard aside nav ol.sections li>:is(div) *{pointer-events:none}main#dashboard aside nav ol.sections li>:is(div) span.displayName{color:#aab;flex:0}main#dashboard aside nav ol.sections li>:is(div) hr{height:2px;flex:1;border:none;background:#aab}main#dashboard aside nav ol.sections li>:is(div) svg:first-of-type{display:none}main#dashboard aside nav ol.sections li:not(:has(ol.subSections)):hover{background:#24242a;cursor:pointer}main#dashboard{padding:0;gap:0;margin:80px 0 0;display:flex;flex-direction:row;width:100vw;max-width:none;height:calc(100vh - 80px)}main#dashboard>main{margin:0;overflow-y:scroll;height:calc(100vh - 80px);width:100%;max-width:100%;padding:48px 48px 156px}main#settings{padding:48px}main#settings section{width:100%;display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:center;padding:16px;border:1px solid rgba(238,238,255,.15);border-radius:16px}main#settings section div.row{display:flex;flex-direction:row;gap:8px}main#settings section.danger{border-color:var(--danger)}main#settings section.disabled{opacity:.3;cursor:not-allowed;-webkit-user-select:none;user-select:none}main#settings section.disabled *{pointer-events:none}main#settings section h2{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;font-size:1.6rem;font-weight:500}main#settings section h2 svg{width:2rem;height:2rem}main#settings section h2 svg path{stroke:#fff}main#settings section>p{font-size:1.6rem;color:#eefc}main#social ul.networks{display:flex;width:100%;flex-direction:column;flex-wrap:wrap;gap:16px}main#social ul.networks li.network{background:color-mix(in srgb,#111114 70%,var(--bg));border:1px solid rgba(238,238,255,.15);padding:8px;border-radius:16px;height:fit-content;max-width:250px;display:grid;grid-template-columns:32px 1fr 32px;place-items:end center;grid-template-rows:32px 0;gap:8px;row-gap:0;transition:all .15s ease-in-out}main#social ul.networks li.network:has(div.username){grid-template-rows:32px 32px;row-gap:8px}main#social ul.networks li.network div.name{grid-row:1;grid-column:2;display:flex;align-items:center;justify-content:flex-start;font-size:1.6rem;font-weight:600;opacity:1;transition:all .15s ease-in-out}@starting-style{main#social ul.networks li.network div.name{opacity:0}}main#social ul.networks li.network div.icon{grid-column:1;grid-row:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}main#social ul.networks li.network div.icon svg{height:2.4rem;width:2.4rem;fill:var(--accent)}main#social ul.networks li.network div.username{grid-column:1/span 3;grid-row:2;display:flex;flex-direction:row;justify-content:flex-start;width:100%;align-items:center;gap:4px;height:32px;padding:8px;border:1px solid rgba(238,238,255,.15);border-radius:8px;background:#111114;font-family:Courier New,Courier,monospace;font-size:1.4rem}main#social ul.networks li.network div.username svg{height:1.6rem;width:1.6rem;flex-shrink:0}main#social ul.networks li.network div.username svg path{stroke:#eeeeff40;stroke-width:2}main#social ul.networks li.network button.link{height:32px;width:32px;grid-column:3;grid-row:1;background:#111114;border:1px solid rgba(238,238,255,.15);border-radius:8px;cursor:pointer}main#social ul.networks li.network button.link svg{width:1.6rem;height:1.6rem}main#social ul.networks li.network button.link svg path{stroke:#fff;stroke-width:2}main#edit div.header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px}main#edit div.header div.actions{display:flex;flex-direction:row;gap:8px}main#edit div.header div.name{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;border:2px solid transparent;cursor:text}main#edit div.header div.name:hover{background:#eeeeff26}main#edit div.header div.name:has(input:focus){border-color:#eeeeff26}main#edit div.header div.name input[type=text]{background:transparent;border:none;height:100%;width:fit-content;field-sizing:content;font-size:2rem;border-radius:0;font-weight:600}main#edit div.header div.name svg{width:20px;height:20px}main#edit div.header div.name svg path{stroke:color-mix(in srgb,rgb(238,238,255) 55%,var(--bg));stroke-width:2}main#edit section.sheet{width:100%;gap:64px;display:flex;flex-direction:column}main#edit section.sheet div.row{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}main#edit section.sheet div.row.disabled{opacity:.5}main#edit section.sheet div.row.disabled:before{width:calc(100% + 32px);height:calc(100% + 32px);z-index:3;position:absolute;content:"";top:-16px;left:-16px;background:#11111433;border-radius:32px;cursor:not-allowed}main#edit section.sheet div.row button:first-of-type span.top:before{display:block}main#edit section.sheet button.step{--transparencyStepAccentColor: color-mix(in srgb, var(--stepAccentColor) 20%, var(--bg));background:transparent;border:none;width:100%;flex:1;padding:16px;border-radius:16px;min-height:100px;height:fit-content;display:flex;align-items:center;justify-content:center;border:2px dashed var(--transparencyStepAccentColor);transition:all .15s ease-in-out;cursor:pointer}main#edit section.sheet button.step.defined{border:1px solid var(--transparencyStepAccentColor);background:#111114;cursor:auto}main#edit section.sheet button.step.defined div.content{overflow:visible}main#edit section.sheet button.step.defined:has(~button.defined){flex:1 0 45%}main#edit section.sheet button.step.defined span.top{top:-1px}main#edit section.sheet button.step.defined span.bottom{bottom:-1px}main#edit section.sheet button.step.defined span:is(.top,.bottom):before{background:var(--stepAccentColor);box-shadow:0 0 0 4px color-mix(in srgb,var(--stepAccentColor) 20%,transparent)}main#edit section.sheet button.step.defined:after{height:32px;width:2px;background:linear-gradient(to bottom,var(--stepAccentColor) 50%,transparent 50%);background-size:2px 7px;content:"";bottom:-48px;position:absolute;-webkit-mask-image:linear-gradient(transparent,black,transparent);mask-image:linear-gradient(transparent,black,transparent)}main#edit section.sheet button.step:not(:is(.selectMode,.defined)):hover{background:var(--transparencyStepAccentColor)}main#edit section.sheet button.step:not(:is(.selectMode,.defined)):hover div.content span.plus{background:var(--bg)}main#edit section.sheet button.step div.content{width:100%;height:100%;display:grid;grid-template-columns:64px 1fr;grid-template-rows:32px 32px 0fr;overflow:hidden;column-gap:16px;row-gap:0;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content span.plus{grid-column:1;grid-row:1/span 3;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--transparencyStepAccentColor);transition:all .15s ease-in-out}main#edit section.sheet button.step div.content span.plus svg{width:32px;height:32px}main#edit section.sheet button.step div.content span.plus svg :is(path,circle){stroke:var(--stepAccentColor);stroke-width:2}main#edit section.sheet button.step div.content span.type{grid-column:2;grid-row:1;height:32px;display:flex;align-items:center;justify-content:flex-start;color:var(--stepAccentColor);gap:8px}main#edit section.sheet button.step div.content span.type div.counter{height:20px;width:fit-content;background:var(--transparencyStepAccentColor);border-radius:12px;font-size:1.4rem;display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--stepAccentColor);font-weight:600}main#edit section.sheet button.step div.content h3.name{grid-column:2;grid-row:2;height:32px;display:flex;align-items:center;justify-content:flex-start;font-size:2rem}main#edit section.sheet button.step div.content div.details{grid-column:1/span 3;grid-row:4;display:flex;height:fit-content;min-height:32px;border-radius:8px;width:100%}main#edit section.sheet button.step div.content div.details div.input{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;width:100%;gap:8px;font-size:1.6rem;flex-wrap:wrap;white-space:nowrap}main#edit section.sheet button.step div.content div.details div.input svg{width:3.2rem;height:3.2rem;flex-shrink:0}main#edit section.sheet button.step div.content div.details div.input svg path{stroke:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select{border:2px solid rgba(238,238,255,.15);border-radius:8px;font-size:1.6rem;field-sizing:content;min-width:48px;width:fit-content;height:32px;padding:0 8px;transition:all .15s ease-in-out;gap:8px}main#edit section.sheet button.step div.content div.details div.input.channel div.select:hover{border-color:var(--transparencyStepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select:hover svg path{stroke:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select.active{border-color:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select.active svg path{stroke:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select svg{width:20px;height:20px}main#edit section.sheet button.step div.content div.details div.input.channel div.select svg path{stroke:#eeeeff26;stroke-width:2;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.details div.input.channel div.select div.selected{padding:0;font-size:1.6rem;font-weight:500;gap:4px}main#edit section.sheet button.step div.content div.details div.input.channel div.select div.selected svg{width:1.6rem;height:1.6rem}main#edit section.sheet button.step div.content div.details div.input.channel div.select div.selected svg path{stroke:#fff;stroke-width:.5}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm{height:16px;width:16px;background:var(--transparencyStepAccentColor);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm:hover{box-shadow:0 0 4px 0 var(--stepAccentColor);transform:scale(1.05);background:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm:hover svg path{stroke:#111114}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm:before{content:"";width:24px;height:32px;position:absolute}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm svg{width:12px;height:12px}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm svg path{stroke:var(--stepAccentColor);stroke-width:2;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.details div.input.text div.terms{width:100%;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;margin-bottom:8px}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term{opacity:1;transform:translate(0);transition:all .15s ease-in-out;height:32px;width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term button.delete{opacity:0;transform:translate(8px);position:absolute;pointer-events:none;display:flex;align-items:center;transition:all .15s ease-in-out;justify-content:center;cursor:pointer;height:24px;width:24px;background:color-mix(in srgb,var(--danger) 15%,#111114);right:4px;border:none;border-radius:4px}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term button.delete svg{width:16px;height:16px}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term button.delete svg path{stroke:var(--danger);stroke-width:2}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term:not(:has(input[type=text]:focus)):not(:has(input[type=text]:placeholder-shown)):hover input[type=text]{padding-right:40px}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term:not(:has(input[type=text]:focus)):not(:has(input[type=text]:placeholder-shown)):hover input[type=text]:has(~button.delete:hover){border-color:color-mix(in srgb,var(--danger) 15%,#111114)}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term:not(:has(input[type=text]:focus)):not(:has(input[type=text]:placeholder-shown)):hover button.delete{transform:translate(0);pointer-events:all;opacity:1}@starting-style{main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term{opacity:0;transform:translate(-16px)}}main#edit section.sheet button.step div.content div.details div.input input[type=text]{border:2px solid rgba(238,238,255,.15);background:transparent;border-radius:8px;font-size:1.6rem;field-sizing:content;min-width:48px;height:32px;padding:0 8px;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.details div.input input[type=text]::placeholder{visibility:hidden}main#edit section.sheet button.step div.content div.details div.input input[type=text]:hover{border-color:var(--transparencyStepAccentColor)}main#edit section.sheet button.step div.content div.details div.input input[type=text]:focus{border-color:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input input[type=text].maxLength{border-color:var(--danger);animation:shake .15s ease-in-out}@keyframes shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px) rotate(1deg)}50%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}to{transform:translate(0) rotate(0)}}main#edit section.sheet button.step div.content div.options{grid-column:1/span 2;grid-row:3;display:flex;height:100%;overflow:hidden;opacity:0;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.options div.option{width:100%;display:flex;align-items:center;font-size:1.6rem;gap:8px;text-align:left;text-wrap:balance;margin-left:0;transition:all .15s ease-in-out;min-height:24px}main#edit section.sheet button.step div.content div.options div.option:hover{margin-left:16px}main#edit section.sheet button.step div.content div.options div.option:hover:after{opacity:1}main#edit section.sheet button.step div.content div.options div.option:before{height:calc(100% + 4px);width:4px;background:var(--stepAccentColor);content:"";border-radius:2px;position:absolute;left:-8px;top:-2px}main#edit section.sheet button.step div.content div.options div.option:after{height:100%;position:absolute;transition:all .15s ease-in-out;width:100%;opacity:0;background:linear-gradient(to right,var(--transparencyStepAccentColor),transparent);content:"";z-index:-1;left:-4px}main#edit section.sheet button.step div.content div.options div.option svg{width:20px;height:20px;flex-shrink:0}main#edit section.sheet button.step div.content div.options div.option svg :is(path,circle){stroke:var(--stepAccentColor);stroke-width:2}main#edit section.sheet button.step.selectMode div.content{grid-template-rows:32px 32px 1fr}main#edit section.sheet button.step.selectMode div.content div.options{opacity:1;margin-top:16px;padding:2px 0}main#edit section.sheet button.step.defined div.content:has(div.details){grid-template-rows:32px 32px 16px 1fr}main#edit section.sheet button.step:first-of-type span.top:before{display:none}main#edit section.sheet button.step span.top{top:-2px;z-index:2}main#edit section.sheet button.step span.bottom{bottom:-2px;z-index:2}main#edit section.sheet button.step span:is(.bottom,.top){height:2px;width:50%;background:linear-gradient(to right,transparent,var(--transparencyStepAccentColor),var(--stepAccentColor),var(--transparencyStepAccentColor),transparent);position:absolute}main#edit section.sheet button.step span.top:before,main#edit section.sheet button.step span.bottom:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--stepAccentColor);position:absolute;left:calc(50% - 8px);background:var(--bg)}main#edit section.sheet button.step span.top:before{top:-7px}main#edit section.sheet button.step span.bottom:before{bottom:-7px}main#menu div.header{width:100%}main#menu div.header h1{font-size:2.4rem;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%}main#menu div.header h1 span.alpha{font-size:1.2rem;padding:0 6px;text-transform:uppercase;color:var(--bg);font-weight:bolder}main#menu div.header h1 span.alpha:before{border-radius:4px;height:100%;width:100%;background:var(--olo);content:"";position:absolute;top:0;left:0;z-index:-1;transform:skew(-15deg)}main#menu div.templates{display:flex;flex-direction:row;column-gap:32px;row-gap:8px;align-items:center;justify-content:flex-start;width:100%;flex-wrap:wrap}main#menu div.templates h2{width:100%;text-align:left;font-size:1.6rem}main#menu div.templates p{width:100%;text-align:left;font-size:1.4rem;color:#eeeeffbf}main#menu div.templates button{width:64px;height:64px;background:red;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;margin-top:16px}main#menu div.templates button:first-of-type{margin-left:16px}main#menu div.templates button:before{width:inherit;height:inherit;z-index:-1;left:-16px;position:absolute;border-radius:inherit;top:-16px;content:"";background:#111114;transition:all .15s ease-in-out}main#menu div.templates button:after{content:attr(data-name);font-size:1.4rem;position:absolute;bottom:-24px;width:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center}main#menu div.templates button:hover:before{top:-12px;left:-12px}main#menu div.templates button.create{background:var(--burple);border:2px solid rgba(238,238,255,.15)}main#menu div.templates button.template{border:2px solid var(--olo);background:color-mix(in srgb,var(--olo) 15%,var(--bg))}main#menu div.templates button.template svg{width:32px;height:32px}main#menu div.templates button.template svg path{stroke:var(--olo);stroke-width:1.5}main#menu section.automations{width:100%;border-radius:16px;background:#111114;padding:16px;gap:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}main#menu section.automations h2{font-size:1.6rem;width:100%;text-align:left}main#menu section.automations div.search{border-top:1px solid rgba(238,238,255,.15);border-bottom:1px solid rgba(238,238,255,.15);width:100%;padding:16px 0;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:16px}main#menu section.automations div.search svg{width:24px;height:24px}main#menu section.automations div.search svg :is(path,circle){stroke:#eeeeffbf}main#menu section.automations div.search input[type=text]{background:transparent;border:none;font-size:1.6rem}main#menu section.automations div.search input[type=text]::placeholder{color:#eeeeffbf}main#menu section.automations ul.list{width:100%;display:flex;flex-direction:column;gap:8px}main#menu section.automations ul.list li.automation{background:var(--bg);width:100%;padding:8px 24px 8px 8px;border-radius:8px;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 48px 32px 32px;gap:8px;column-gap:16px}main#menu section.automations ul.list li.automation h3{grid-column:1;grid-row:1;width:100%;text-align:left;height:100%;display:flex;align-items:center;font-size:1.6rem}main#menu section.automations ul.list li.automation div.steps{grid-column:1;grid-row:2;display:flex;flex-direction:row;gap:16px}main#menu section.automations ul.list li.automation div.steps span.step{background:color-mix(in srgb,var(--stepAccentColor) 25%,transparent);height:26px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:4px;padding:4px;gap:4px;cursor:help}main#menu section.automations ul.list li.automation div.steps span.step span.length{width:18px;height:18px;background:var(--stepAccentColor);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip{max-width:none}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip div.actions{display:flex;flex-direction:column;gap:8px}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip div.actions span.action{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip div.actions span.action svg{width:18px;height:18px;flex-shrink:0}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip div.actions span.action svg :is(circle,path){stroke:var(--stepAccentColor);stroke-width:2}main#menu section.automations ul.list li.automation div.steps span.step:not(:last-of-type):before{content:"";height:1px;width:8px;right:-12px;position:absolute;background:#eeeeff8c;pointer-events:none}main#menu section.automations ul.list li.automation div.steps span.step svg{width:18px;height:18px}main#menu section.automations ul.list li.automation div.steps span.step svg :is(circle,path){stroke:var(--stepAccentColor);stroke-width:2}main#menu section.automations ul.list li.automation div.checkbox{grid-column:2;grid-row:1/span 2;height:24px;width:48px;background:#eeeeff59;border-radius:12px;transition:all .15s ease-in-out;cursor:pointer;place-self:center}main#menu section.automations ul.list li.automation div.checkbox.enabled{background:var(--burple)}main#menu section.automations ul.list li.automation div.checkbox.enabled span.thumb{left:calc(100% - 24px)}main#menu section.automations ul.list li.automation div.checkbox span.thumb{background:#fff;height:16px;width:16px;position:absolute;left:0;margin:4px;border-radius:50%;transition:all .15s ease-in-out;pointer-events:none}main#menu section.automations ul.list li.automation :is(a,button):is(.edit,.delete){width:32px;height:32px;grid-row:1/span 2;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;place-self:center;cursor:pointer}main#menu section.automations ul.list li.automation :is(a,button):is(.edit,.delete) svg{width:20px;height:20px}main#menu section.automations ul.list li.automation :is(a,button):is(.edit,.delete) svg :is(path,circle){stroke-width:2}main#menu section.automations ul.list li.automation a.edit{background:#eeeeff59;grid-column:3}main#menu section.automations ul.list li.automation a.edit svg :is(path,circle){stroke:#fff}main#menu section.automations ul.list li.automation button.delete{background:color-mix(in srgb,var(--danger) 25%,transparent);grid-column:4}main#menu section.automations ul.list li.automation button.delete svg :is(path,circle){stroke:var(--danger)}main#home p{color:#ffffffd9;font-size:1.6rem}main#home ul.items{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:16px}main#home ul.items li.item{flex:1 0 24%;max-width:25%;min-width:250px;aspect-ratio:4/3;background:#111114;border-radius:16px;border:1px solid rgba(238,238,255,.15);display:grid;grid-template-columns:1fr;grid-template-rows:1fr 0;transition:all .15s ease-in-out;gap:0px;overflow:hidden}main#home ul.items li.item.active{gap:8px;grid-template-rows:1fr 48px}main#home ul.items li.item div.content{display:grid;grid-template-columns:48px 1fr;grid-template-rows:48px auto;gap:8px;padding:16px 16px 0;overflow:hidden;pointer-events:none}main#home ul.items li.item div.content:before{content:"";position:absolute;bottom:0;background:linear-gradient(to top,#111114,transparent);width:100%;height:32px;z-index:1}main#home ul.items li.item div.content div.icon{grid-column:1;grid-row:1;width:100%;height:100%;border:2px solid rgba(238,238,255,.15);border-radius:4px;display:flex;align-items:center;justify-content:center}main#home ul.items li.item div.content div.icon svg{width:2.4rem;height:2.4rem}main#home ul.items li.item div.content div.icon svg path{stroke:#ffffffd9;stroke-width:2}main#home ul.items li.item div.content div.name{grid-row:1;grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;gap:4px;text-align:left}main#home ul.items li.item div.content div.name span.name{width:100%;flex:3;font-size:1.6rem;display:flex;align-items:center;font-weight:600}main#home ul.items li.item div.content div.name span.category{width:100%;flex:2;font-size:1.2rem;color:#ffffffd9;display:flex;align-items:center;font-weight:600;gap:4px;text-transform:uppercase}main#home ul.items li.item div.content div.name span.category svg{width:1.6rem;height:1.6rem}main#home ul.items li.item div.content div.name span.category svg path{stroke:#ffffffd9;stroke-width:2.5}main#home ul.items li.item div.content p.description{grid-row:2;grid-column:1/span 2;height:100%;font-size:1.4rem;text-align:left;-webkit-user-select:none;user-select:none}main#home ul.items li.item a.access{height:40px;margin:0 8px 8px;border-radius:8px;-webkit-user-select:none;user-select:none;background:linear-gradient(75deg,var(--burple),var(--olo));font-size:1.6rem;display:flex;align-items:center;justify-content:center}.tooltip{position:absolute;transform:translate(-50%) translateY(16px) scale(.6);background:#111114;color:#fff;font-size:1.4rem;left:50%;white-space:normal;word-wrap:break-word;max-width:250px;text-transform:none;opacity:0;z-index:100000;visibility:hidden;width:max-content;position-anchor:--anchor;padding:8px 12px;font-weight:500;line-break:normal;border-radius:8px;box-shadow:0 0 8px #111114;pointer-events:none;border:1px solid #222229;transition:all .15s cubic-bezier(.47,1.64,.41,.8) 0s;bottom:calc(100% + 8px)}.tooltip:has(div.keys){display:flex;flex-direction:row;gap:8px}div.keys{display:flex;flex-direction:row}div.keys span.key{position:relative;display:inline-block;height:24px;width:fit-content;min-width:24px;border-radius:4px;padding:0 8px;border-color:#eeeeff26;border-style:solid;border-top-width:1px;border-left-width:2px;border-right-width:2px;border-bottom-width:3px}div.keys span.key:not(:last-of-type){margin-right:12px}div.keys span.key:not(:last-of-type):before{position:absolute;right:-12px;width:8px;font-size:1.4rem;color:#eeeeff40;height:8px;content:"+"}span.anchor{position:absolute;width:100%;height:100%;pointer-events:none;anchor-name:--anchor}.tooltip.visible{visibility:visible;opacity:1;transform:translate(-50%) translateY(0) scale(1);transition:all .15s cubic-bezier(.47,1.64,.41,.8) .25s}button.brand{border-radius:8px;padding:8px 16px;font-size:1.6rem;border-width:1px;border-style:solid;display:flex;align-items:center;justify-content:center;flex-direction:row;height:48px;cursor:pointer;border-color:#1111144d;transition:all .15s cubic-bezier(.47,1.64,.41,.8);white-space:nowrap}button.brand:hover{transform:scale(1.025)}button.brand:active{transform:scale(.95)}button.brand:disabled{opacity:.6}button.brand.primary{background-color:color-mix(in srgb,#ddddee 35%,transparent);border-color:#dde3}button.brand.secondary{background-color:var(--burple)}button.brand.danger{background-color:var(--danger)}dialog{transition:scale .15s ease-out,opacity .15s ease-out,display .15s ease-out allow-discrete;position:fixed;transform:translate(-50%,-50%);opacity:0;border:1px solid color-mix(in oklab,hsla(240,4%,60.784%,.2) 100%,hsla(0,0%,5.0980392157%,.2) 5%);inset:50%;scale:.7;cursor:default;overflow:visible;min-width:488px;max-width:1000px;max-height:600px;padding:24px;z-index:1000;gap:32px;flex-direction:column;transform-origin:0% 0%;border-radius:16px;background:var(--bg);display:flex;pointer-events:none;border:none}dialog div[class^=h]{width:100%;color:#fff;font-weight:600;line-height:1;text-align:left}dialog div[class^=h].h1{font-size:2.4rem}dialog div[class^=h].h2{font-size:2rem}dialog div[class^=h].h3{font-size:1.6rem}dialog div.row{width:100%;display:flex;flex-wrap:wrap;gap:8px}dialog div.row input[type=text]{width:100%;background:#111114;border-radius:8px;height:40px;border:none;padding:8px;font-size:1.4rem}dialog div.row input[type=text]::placeholder{color:#eeeeff4d}dialog div.row div.warn{background:#eeeeff26;border-radius:16px;padding:16px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}dialog div.row div.warn svg{height:48px;width:48px}dialog div.row div.warn svg path{stroke:#eeeeff4d}dialog div.row div.warn p{flex:1;text-align:left;color:#eef6;font-size:1.4rem;font-weight:600}dialog div.row form{display:flex;width:100%;gap:8px;flex-direction:row}dialog div.row form button{flex:1}dialog[open]{transition:scale .15s ease-out,opacity .15s ease-out;opacity:1;scale:1;display:flex;pointer-events:all}@starting-style{dialog[open]{opacity:0;display:flex;scale:.7}}dialog[open]::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c}div.select{width:100%;max-width:300px;min-width:150px;display:flex;height:48px;align-items:center;background:#111114;border:1px solid rgba(238,238,255,.15);border-radius:8px;font-size:14px;font-weight:600;color:#fff;z-index:2;padding-right:8px}div.select.multiple{height:fit-content}div.select svg.arrow{height:2rem;width:2rem;flex-shrink:0;transition:all .15s ease-in-out}div.select svg.arrow path{stroke:#fff}div.select div.selected{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;pointer-events:none;flex-wrap:wrap;height:100%;padding:12px 16px}div.select div.selected svg.arrow{margin-left:auto;transition:var(--defaultTransition)}div.select div.selected svg.arrow path{stroke:#eeeeff26}div.select div.selected img{height:100%;border-radius:4px}div.select.active svg.arrow{rotate:-180deg}div.select.active ul.options{opacity:1;visibility:visible}div.select.active ul.options.top,div.select.active ul.options.bottom{transform:translateY(0)}div.select ul.options{width:fit-content;height:fit-content;border:none;opacity:0;visibility:hidden;transition:var(--defaultTransition);bottom:56px;background:inherit;border:inherit;overflow:scroll;border-radius:inherit;max-height:480px;position:absolute;color:#fff;font-size:14px;font-weight:500;padding:8px;z-index:1;transform:translateY(0) translate(0)}div.select ul.options.top{left:0;transform:translateY(8px);bottom:calc(100% + 8px)}div.select ul.options.bottom{left:0;transform:translateY(-8px);top:calc(100% + 8px)}div.select ul.options:focus{outline:none}div.select ul.options li.option{display:flex;gap:8px;align-items:center;justify-content:flex-start;padding:4px;border-radius:8px;cursor:pointer;width:100%;text-wrap:balance;text-align:left}div.select ul.options li.option:hover{background:#eeeeff26}div.select ul.options li.option img{height:20px;border-radius:4px;object-fit:cover;flex-shrink:0}div.select ul.options li.option{color:#fff}main#brand section{display:flex;width:100%}main#brand section article.colors{width:100%;gap:8px;display:grid;grid-template-columns:4fr 3fr 2fr 2fr;grid-template-rows:1fr 1fr;height:40vh}main#brand section article.colors div.color{flex:1;border-radius:16px;height:100%;background:#e6e6fa;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:16px}main#brand section article.colors div.color span{font-size:1.6rem;font-weight:800;color:#222228}main#brand section article.colors div.color.main{flex:3;grid-row:1/span 2}main#brand section article.colors div.color.secondary{flex:2;grid-row:1/span 2}.about-us-page{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-main, "Inter", sans-serif)}.hero-about{position:relative;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-about .hero-content-about{z-index:2}.hero-about .hero-content-about h1{font-size:72px;font-weight:800;margin-bottom:16px;animation:fadeIn 1s ease-out}.hero-about .hero-content-about p{font-size:20px;color:var(--text-secondary);max-width:700px;animation:fadeIn 1s ease-out .2s;animation-fill-mode:both}.hero-about .scroll-down{position:absolute;bottom:32px;z-index:2;animation:bounce 2s infinite;color:var(--olo);width:48px;height:48px}.hero-about .hero-bg-blur{position:absolute;bottom:-25%;left:50%;transform:translate(-50%);width:150%;height:50%;background:radial-gradient(circle,rgba(0,255,204,.1) 0%,transparent 60%);filter:blur(150px);z-index:1}.timeline-section{padding:100px 40px}.timeline-section .section-header{text-align:center;margin-bottom:64px}.timeline-section .section-header h2{font-size:44px;font-weight:800;margin-bottom:8px}.timeline-section .section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.timeline-section .timeline-container{max-width:900px;margin:0 auto;position:relative;--line-start-top: 0px;--line-height: 0px;--scroll-progress: 0}.timeline-section .timeline-container:before{content:"";position:absolute;top:var(--line-start-top);left:50%;transform:translate(-50%);height:var(--line-height);width:2px;background-color:var(--border-color, #444)}.timeline-section .timeline-container:after{content:"";position:absolute;top:var(--line-start-top);left:50%;transform:translate(-50%) scaleY(var(--scroll-progress));transform-origin:top;width:2px;height:var(--line-height);background-color:var(--olo)}.timeline-item{position:relative;margin-bottom:64px;width:50%;padding:0 60px;display:flex;gap:24px;align-items:flex-start;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.timeline-item:last-child{margin-bottom:0}.timeline-item.is-visible{opacity:1;transform:translateY(0)}.timeline-item .timeline-year{font-size:22px;font-weight:700;color:var(--olo);background-color:#00ffcc1a;padding:8px 16px;border-radius:8px;border:1px solid rgba(0,255,204,.2)}.timeline-item .timeline-content h3{font-size:22px;font-weight:600;margin-bottom:8px}.timeline-item .timeline-content p{font-size:16px;line-height:1.7;color:var(--text-secondary)}.timeline-item:nth-child(odd){left:0;flex-direction:row-reverse;text-align:right}.timeline-item:nth-child(2n){left:50%;text-align:left}.timeline-item:after{content:"";position:absolute;top:22px;width:18px;height:18px;background-color:var(--bg);border:3px solid var(--border-color, #444);border-radius:50%;z-index:1;transition:transform .2s ease,background-color .4s ease,border-color .4s ease}.timeline-item.is-visible:after{background-color:var(--olo);border-color:var(--olo)}.timeline-item:hover:after{transform:scale(1.3)}.timeline-item:nth-child(odd):after{right:-10px}.timeline-item:nth-child(2n):after{left:-10px}.values-outer-section{padding:100px 40px;background-color:var(--bg-dark-accent);overflow:hidden}.values-outer-section .section-header{text-align:center;margin-bottom:64px}.values-outer-section .section-header h2{font-size:44px;font-weight:800;margin-bottom:8px}.values-outer-section .section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.values-grid-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:32px;perspective:1000px}.value-card{background-color:transparent;aspect-ratio:4/3;border:none;cursor:pointer}.value-card:hover .value-card-inner{transform:rotateY(180deg)}.value-card-inner{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}.value-card-front,.value-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;border:1px solid var(--border-color);overflow:hidden}.value-card-front{background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.value-card-front .icon{width:48px;height:48px;color:var(--olo)}.value-card-front h3{font-size:24px;font-weight:700;color:var(--text-primary)}.value-card-back{background:var(--bg-dark-accent);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:32px}.value-card-back p{font-size:16px;line-height:1.8;color:var(--text-secondary);text-align:center}.roadmap-section{padding:100px 40px;background-color:var(--bg)}.roadmap-section .section-header{text-align:center;margin-bottom:80px}.roadmap-section .section-header h2{font-size:44px;font-weight:800;margin-bottom:8px}.roadmap-section .section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.roadmap-section .roadmap-container{max-width:1000px;margin:0 auto;position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding-top:30px}.roadmap-section .roadmap-line{position:absolute;top:59px;left:5%;right:5%;height:2px;background-color:var(--border-color);z-index:1}.roadmap-section .roadmap-milestone{display:flex;flex-direction:column;align-items:center;z-index:2;width:30%;cursor:pointer;position:relative}.roadmap-section .milestone-trigger{width:60px;height:60px;border-radius:50%;background-color:var(--bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:border-color .3s,transform .3s;z-index:3;position:relative}.roadmap-section .milestone-trigger .milestone-icon{width:28px;height:28px;color:var(--text-secondary);transition:color .3s}.roadmap-section .milestone-trigger:hover{border-color:var(--olo);transform:scale(1.1)}.roadmap-section .roadmap-milestone.active .milestone-trigger{border-color:var(--olo);background-color:var(--olo)}.roadmap-section .roadmap-milestone.active .milestone-trigger .milestone-icon{color:var(--bg)}.roadmap-section .milestone-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-out,opacity .5s ease-out,margin-top .5s ease-out;text-align:center;margin-top:0}.roadmap-section .milestone-content h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:24px 0 8px}.roadmap-section .milestone-content p{font-size:15px;line-height:1.7;color:var(--text-secondary)}.roadmap-section .roadmap-milestone.active .milestone-content{max-height:200px;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media(max-width:992px){.values-grid-container{grid-template-columns:1fr;max-width:400px}.roadmap-container{flex-direction:column;align-items:center;gap:40px;padding-top:0}.roadmap-line{left:50%;transform:translate(-50%);width:2px;height:100%;top:0}.roadmap-milestone{width:100%;max-width:400px}}@media(max-width:768px){.hero-about .hero-content-about h1{font-size:48px}.hero-about .hero-content-about p{font-size:18px;padding:0 16px}.timeline-section{padding:64px 16px}.timeline-container:before,.timeline-container:after{left:15px}.timeline-item{width:100%;padding-left:50px;padding-right:0;flex-direction:column!important;align-items:flex-start;text-align:left!important;margin-bottom:48px}.timeline-item .timeline-year{margin-bottom:16px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){left:0}.timeline-item:after{left:7px}}.reportes-page{padding:20px;max-width:800px;margin:0 auto;color:#fff}.reportes-page h1{text-align:center;margin-bottom:20px}.reportes-page .form-selector{display:flex;justify-content:center;margin-bottom:20px}.reportes-page .form-selector button{background-color:var(--bg);color:#fff;border:1px solid var(--burple);padding:10px 20px;margin:0 5px;cursor:pointer;transition:background-color .3s}.reportes-page .form-selector button.active{background-color:var(--burple)}.reportes-page .form-selector button:hover{background-color:#4a54b8}.reportes-page .report-form{background-color:var(--bg);padding:20px;border-radius:5px}.reportes-page .report-form label{display:block;margin-bottom:5px}.reportes-page .report-form input[type=text],.reportes-page .report-form input[type=email],.reportes-page .report-form select,.reportes-page .report-form textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:3px;background-color:#333;color:#fff}.reportes-page .report-form textarea{min-height:100px}.reportes-page .report-form .agreement{display:flex;align-items:center;margin-bottom:15px}.reportes-page .report-form .agreement input[type=checkbox]{margin-right:10px}.reportes-page .report-form .agreement a{color:var(--olo);text-decoration:none}.reportes-page .report-form .agreement a:hover{text-decoration:underline}.reportes-page .report-form button[type=submit]{background-color:var(--burple);color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.reportes-page .report-form button[type=submit]:disabled{background-color:#4a54b8;cursor:not-allowed}.reportes-page .report-form button[type=submit]:hover:not(:disabled){background-color:var(--blue)}