*,:after,:before{box-sizing:border-box}.root:empty .loader-container{display:block}.root .loader-container{display:none}html{font-size:100%;scroll-behavior:smooth;scrollbar-width:thin}:root{--color-bg: #0b0b0d;--color-surface: #15171c;--color-surface-soft: #1d2128;--color-text: #f4f7fb;--color-text-muted: #b9c1cc;--color-accent: #e0296c;--color-border: rgba(255, 255, 255, .08);--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--grey-50: #f0f4f8;--grey-100: #d9e2ec;--grey-200: #bcccdc;--grey-300: #c7d3e5;--grey-400: #829ab1;--grey-500: #627d98;--grey-600: #486581;--grey-700: #334e68;--grey-800: #243b53;--grey-900: #102a43;--black: #000;--white: #ffffff;--red-light: #f8d7da;--red-dark: #842029;--red-light: #e0296c;--yellow-light: #def16b;--green-light: #d1e7dd;--green-dark: #0f5132;--error-text: var(--red-dark);--font-display: "Roboto Condensed", "Arial Narrow", sans-serif;--font-body: "Cabin", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Monaco", "Courier New", monospace;--font-special: "Londrina Shadow", cursive;--font-syne: "Syne", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--text-xs: clamp(.64rem, .6rem + .2vw, .75rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9375rem);--text-base: clamp(.95rem, .85rem + .5vw, 1.125rem);--text-md: clamp(1.125rem, 1rem + .625vw, 1.375rem);--text-lg: clamp(1.375rem, 1.2rem + .875vw, 1.75rem);--text-xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.25rem);--text-2xl: clamp(2.125rem, 1.8rem + 1.625vw, 2.875rem);--text-3xl: clamp(2.625rem, 2.2rem + 2.125vw, 3.625rem);--text-4xl: clamp(3.25rem, 2.75rem + 2.5vw, 4.5rem);--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--measure-narrow: 45ch;--measure-base: 60ch;--measure-wide: 75ch;--backgroundColor: #f5f5f7;--textColor: #1d1d1f;--borderRadius: .25rem;--letterSpacing: 1px;--transition: .3s ease-in-out all;--max-width: 1120px;--fixed-width: 500px;--fluid-width: 90vw;--breakpoint-lg: 992px;--nav-height: 6rem;--shadow-1: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-2: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-3: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-4: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-project-box: 10px 10px 25px -1px var(--white), 10px 10px 10px -1px var(--white);--primary-glow: conic-gradient( from 180deg at 50% 50%, #16abff33 0deg, #0885ff33 55deg, #54d6ff33 120deg, #0071ff33 160deg, transparent 360deg );--secondary-glow: radial-gradient( rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) );--xs: 480px;--sm: 640px;--md: 768px;--lg: 1025px;--xl: 1280px;---2xl: 1536px;--margin-x: 40px;--background-secondary-color: var(--color-surface);--text-secondary-color: var(--color-text-muted);--dark-mode-bg-color: #181818;--dark-mode-text-color: #f0f0f0;--dark-mode-bg-secondary-color: #3f3f3f;--dark-mode-text-secondary-color: var(--grey-300);--text-color: var(--dark-mode-text-color);--background-color: var(--dark-mode-bg-color);--top: 0px;--gr-1: linear-gradient( 135deg, rgba(224, 41, 108, .15), rgba(224, 41, 108, .04) );--gr-2: linear-gradient( 135deg, rgba(224, 41, 108, .08), rgba(255, 255, 255, .02) )}.dark-theme{--text-color: var(--dark-mode-text-color);--background-color: var(--dark-mode-bg-color);--text-secondary-color: var(--dark-mode-text-secondary-color);--background-secondary-color: var(--dark-mode-bg-secondary-color);--error-text: var(--dark-mode-text-secondary-color)}body{background:linear-gradient(135deg,var(--background-color) 0%,var(--background-secondary-color) 100%);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:var(--leading-relaxed);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.fixed-height{height:100vh;overflow-y:hidden}p{font-size:clamp(.95rem,.35vw + .85rem,1.125rem);line-height:1.65;margin-block:0 clamp(.9rem,.6vw + .6rem,1.25rem);max-width:60ch;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;text-wrap:pretty}@media (min-width: 64rem){p{max-width:65ch}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-top:0;margin-bottom:.5em;text-wrap:balance;color:var(--text-color)}.form-title{color:var(--text-color)}.heading--caps{letter-spacing:.02em}span.highlight{color:var(--red-light);filter:brightness(110%)}h1{font-size:var(--text-4xl);font-weight:var(--font-weight-black);line-height:1.1}h2{font-size:var(--text-3xl);line-height:1.15}h3{font-size:var(--text-2xl);line-height:1.2}h4{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:1.25}h5{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:1.3}h6{font-size:var(--text-md);font-weight:var(--font-weight-semibold);line-height:1.35}p{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-block:0 1em;max-width:var(--measure-base);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;text-wrap:pretty}small,.text-small{font-size:var(--text-sm);line-height:var(--leading-normal)}a,Link{text-decoration:none;letter-spacing:var(--letterSpacing)}a,Link,button{line-height:1.15}ul{list-style-type:none;padding:0}.img{width:100%;display:block;object-fit:cover}button:disabled{cursor:not-allowed}.btn{cursor:pointer;color:var(--white);background:var(--primary-500);border:transparent;letter-spacing:var(--letterSpacing);padding:.375rem .75rem;box-shadow:var(--shadow-2);transition:var(--transition);text-transform:capitalize;display:inline-block}.btn-hipster{color:var(--primary-500);background:var(--primary-200)}.btn-hipster:hover{color:var(--primary-200);background:var(--primary-700)}.btn-block{width:100%}.btn-hero{font-size:1.25rem;padding:.5rem 1.25rem}.btn-danger{background:var(--red-light);color:var(--red-dark)}.btn-danger:hover{background:var(--red-dark);color:var(--white)}.alert{padding:.375rem .75rem;margin-bottom:1rem;border-color:transparent;border-radius:var(--borderRadius);text-align:center;letter-spacing:var(--letterSpacing)}.alert-danger{color:var(--red-dark);background:var(--red-light)}.alert-success{color:var(--green-dark);background:var(--green-light)}.form{width:90vw;max-width:var(--fixed-width);background:var(--white);border-radius:var(--borderRadius);box-shadow:var(--shadow-2);padding:2rem 2.5rem;margin:3rem auto;transition:var(--transition)}.form:hover{box-shadow:var(--shadow-4)}.form-label{display:block;font-size:var(--smallText);margin-bottom:.5rem;text-transform:capitalize;letter-spacing:var(--letterSpacing)}.form-input,.form-textarea,.form-select{width:100%;padding:.375rem .75rem;border-radius:var(--borderRadius);background:var(--background-color);border:1px solid var(--text-color)}.form-input,.form-select,.btn-block{height:35px;color:var(--text-color)}.form-row{margin-bottom:1rem}.form-textarea{height:7rem}::placeholder{font-family:inherit;color:var(--grey-400)}.form-alert{color:var(--red-dark);letter-spacing:var(--letterSpacing);text-transform:capitalize}@keyframes spinner{to{transform:rotate(360deg)}}.loading{width:6rem;height:6rem;border:5px solid var(--grey-400);border-radius:50%;border-top-color:var(--primary-500);animation:spinner 2s linear infinite}.loading-center{margin:0 auto}.title{text-align:center}.title-underline{background:var(--primary-500);width:7rem;height:.25rem;margin:0 auto;margin-top:-1rem}.loader-container{width:var(--fluid-width);max-width:var(--max-width);height:100vh;margin:0 auto;display:flex;justify-content:center;align-items:center}.full-page{min-height:100vh}.coffee-info{text-align:center;text-transform:capitalize;margin-bottom:1rem;letter-spacing:var(--letterSpacing)}.coffee-info span{display:block}.coffee-info a{color:var(--primary-500)}.section{width:var(--fluid-width);max-width:var(--max-width);margin:0 auto;padding:3rem 0}.section-title{margin-bottom:3rem}@media screen and (min-width: 992px){.coffee-info{text-align:left}.coffee-info span{display:inline-block;margin-right:.5rem}}.sec-nav{@apply w-full md:w-2/3 mx-auto flex flex-col justify-center items-center py-6;}.pink-text-gradient{color:var(--color-accent);background:none;background-clip:text;-webkit-text-fill-color:var(--color-accent);background:-webkit-linear-gradient(to top,#ec008c,#fc6767);background:linear-gradient(to top,#ec008c,#fc6767);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blue-text-gradient{color:var(--color-text-muted);background:none;background-clip:text;-webkit-text-fill-color:var(--color-text-muted);background:-webkit-linear-gradient(to top,#2f80ed,#56ccf2);background:linear-gradient(to top,#2f80ed,#56ccf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.black-gradient{background:var(--color-surface);background:-webkit-linear-gradient(to right,#434343,#000000);background:linear-gradient(to right,#434343,#000)}.violet-gradient{background:var(--color-surface-soft);background:linear-gradient(-90deg,#804dee,#3c335000);background:-webkit-linear-gradient(-90deg,#804dee 0%,rgba(60,51,80,0) 100%)}.green-pink-gradient{background:var(--color-surface-soft);background:linear-gradient(90.13deg,#00cea8 1.9%,#bf61ff 97.5%);background:-webkit-linear-gradient(-90.13deg,#00cea8 1.9%,#bf61ff 97.5%)}.orange-text-gradient{color:var(--color-text-muted);background:none;background-clip:text;-webkit-text-fill-color:var(--color-text-muted);background:-webkit-linear-gradient(to top,#f12711,#f5af19);background:linear-gradient(to top,#f12711,#f5af19);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.green-text-gradient{color:var(--color-accent);background:none;background-clip:text;-webkit-text-fill-color:var(--color-accent);background:-webkit-linear-gradient(to top,#11998e,#38ef7d);background:linear-gradient(to top,#11998e,#38ef7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}div.dragalbe-menu-section{position:fixed;top:3em;bottom:3em;right:2em;z-index:9999;height:90vh;background:transparent;display:flex;flex-direction:column-reverse}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-special{font-family:var(--font-special)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.text-wrap{text-wrap:wrap}.text-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.measure-narrow{max-width:var(--measure-narrow)}.measure{max-width:var(--measure-base)}.measure-wide{max-width:var(--measure-wide)}