*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}header,main,footer,section,article{container-type:inline-size}button{background:none;border:none;padding:0;cursor:pointer}ul,ol{padding:0;list-style:none}body{padding:0}@font-face{font-family:Baloo2;font-style:normal;font-weight:400;src:url(/assets/Baloo2-Regular-CInZ33Z9.ttf) format("truetype")}@font-face{font-family:Baloo2;font-style:normal;font-weight:700;src:url(/assets/Baloo2-Bold-Cjbtejvw.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(/assets/Nunito-Regular-BaWrjX0c.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:300;src:url(/assets/Nunito-Light-BazkuZ7Z.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;src:url(/assets/Nunito-Bold-LWqDuPdh.ttf) format("truetype")}:root{--color-teal-50: #edfafa;--color-teal-100: #dcf4f5;--color-teal-200: #aee7e8;--color-teal-300: #84dadb;--color-teal-400: #39bbbf;--color-teal-500: #009ea3;--color-teal-600: #008894;--color-teal-700: #00687a;--color-teal-800: #004a61;--color-teal-900: #00344a;--color-teal-950: #001e30;--color-white: #ffffff;--color-gray-100: #f2f0f0;--color-gray-200: #dddddd;--color-gray-300: #c6c6c6;--color-gray-400: #acacac;--color-gray-500: #909090;--color-gray-600: #666666;--color-gray-700: #4d4d4d;--color-gray-800: #333;--color-gray-900: #1a1a1a;--color-black: black;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #f44336;--color-text: var(--color-black);--color-text-inverse: var(--color-white);--color-surface: var(--color-white);--color-accent: var(--color-teal-700);--color-text-on-surface: var(--color-text);--color-text-on-accent: var(--color-text-inverse);--color-border: var(--color-gray-500);--color-border-strong: var(--color-gray-900);--color-hover: var(--color-teal-500);--color-focus: var(--color-teal-400);--color-active: var(--color-teal-800);--color-visited: var(--color-teal-950);--color-disabled: var(--color-gray-100);--font-heading: "Baloo2";--font-body: "Nunito";--base-font-size: 18px;--base-line-height: 1.5;--heading-line-height: 1.2;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--border-width: 2px;--border-radius-sm: .25rem;--border-radius: .5rem;--border-radius-large: 1rem;--shadow-sm: 0 1px 2px var(--color-gray-300);--shadow-md: 0 4px 6px var(--color-gray-300);--shadow-lg: 0 10px 15px var(--color-gray-300);--shadow-xl: 0 20px 25px var(--color-gray-300);--transition-fast: .15s;--transition-medium: .3s;--transition-slow: .5s;--color-button-primary-bg: var(--color-accent);--color-button-primary-bg-hover: var(--color-hover);--color-button-primary-text: var(--color-text-on-accent);--color-button-secondary-bg: var(--color-surface);--color-button-secondary-bg-hover: var(--color-accent);--color-button-secondary-text: var(--color-text-on-surface);--color-button-secondary-border: var(--color-accent);--color-input-bg: var(--color-surface);--color-input-text: var(--color-text-on-surface);--color-input-border: var(--color-border);--color-input-placeholder: var(--color-gray-500);--color-input-hover-border: var(--color-gray-400);--color-input-focus-border: var(--color-gray-300);--color-input-disabled-bg: var(--color-disabled);--color-input-disabled-text: var(--color-gray-800);--color-input-error-border: var(--color-error);--color-input-success-border: var(--color-success)}::-moz-selection{background:var(--color-accent);color:var(--color-white)}::selection{background:var(--color-accent);color:var(--color-white)}a{color:var(--color-accent);text-decoration:none;border-bottom:var(--border-width) solid var(--color-accent);padding-bottom:2px;transition:color var(--transition-medium)}a:hover{color:var(--color-hover);border-bottom:var(--border-width) solid var(--color-hover)}a:active{color:var(--color-active)}a:visited{color:var(--color-visited);border-bottom:var(--border-width) solid var(--color-visited)}a:focus{color:var(--color-focus);border-bottom:var(--border-width) solid var(--color-focus);outline:none}.button{display:inline-block;font:inherit;border-radius:var(--border-radius);border:none;transition:background-color var(--transition-medium),transform var(--transition-medium);padding:calc(var(--space-sm) * .75) calc(var(--space-md) * .8);cursor:pointer;margin-bottom:var(--space-md)}.button:last-child{margin-bottom:0}.button--primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:var(--border-width) solid var(--color-button-primary-bg)}.button--primary:hover{background-color:var(--color-button-primary-bg-hover)}.button--primary:active{background-color:var(--color-active);transform:scale(.98)}.button--primary:focus{outline:var(--border-width) solid var(--color-focus);outline-offset:2px}.button--primary:disabled{background-color:var(--color-disabled);border-color:var(--color-gray-300);color:var(--color-input-disabled-text);cursor:not-allowed}.button--secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:var(--border-width) solid var(--color-button-secondary-border)}.button--secondary:hover{background-color:var(--color-button-secondary-bg-hover);color:var(--color-text-on-accent)}.button--secondary:active{background-color:var(--color-active);border-color:var(--color-active);transform:scale(.98)}.button--secondary:focus{outline:var(--border-width) solid var(--color-focus);outline-offset:2px}.button--secondary:disabled{background-color:var(--color-disabled);color:var(--color-input-disabled-text);border-color:var(--color-gray-300);cursor:not-allowed}.button--small{font-size:.9rem;padding:calc(var(--space-sm) * .7) var(--space-sm)}.button--large{font-size:1.125rem;padding:var(--space-sm) var(--space-md)}input,textarea,select{width:100%;padding:var(--space-sm);margin:var(--space-xs) 0;font:inherit;color:var(--color-input-text);background-color:var(--color-input-bg);border:var(--border-width) solid var(--color-input-border);border-radius:var(--border-radius);transition:border-color var(--transition-medium),box-shadow var(--transition-medium)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-input-placeholder)}input:hover,textarea:hover,select:hover{border-color:var(--color-input-hover-border)}input:focus,textarea:focus,select:focus{border-color:var(--color-input-focus-border);box-shadow:var(--shadow-sm);outline:none}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-input-disabled-bg);color:var(--color-input-disabled-text);cursor:not-allowed}input.error,textarea.error,select.error{border-color:var(--color-input-error-border)}input.success,textarea.success,select.success{border-color:var(--color-input-success-border)}label:has(+input:user-invalid):before{content:"✖ ";color:var(--color-error)}input:user-invalid{border-color:var(--color-input-error-border)}input:valid:not([type=submit]):not([type=button]):not([type=reset]),textarea:valid,select:valid{border-color:var(--color-input-success-border)}.card{display:flex;flex-direction:column;background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);overflow:hidden;max-width:400px}.card__body{display:flex;flex-direction:column;padding:var(--space-md);gap:var(--space-md)}.card img{width:100%}.card button{align-self:flex-start}figure{padding:var(--space-sm);border-radius:var(--border-radius);max-width:250px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-medium),transform var(--transition-medium)}figure:has(figcaption){text-align:center}figure:has(figcaption) figcaption{padding:0 var(--space-xs) var(--space-xs) 0}figure:has(img:not(figcaption)){padding:0;box-shadow:var(--shadow-lg)}figure img{max-width:100%;border-radius:var(--border-radius);display:block}figure figcaption{margin:var(--space-xs);font-size:.875rem;color:var(--color-gray-700)}figure:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.workbar{display:flex;align-items:flex-start;padding-top:var(--space-xl)}.workbar__step{display:flex;flex-direction:column;flex:1;margin-left:-4vw}.workbar__step:first-child{margin-left:0}.workbar__label{margin-bottom:var(--space-xs);font-size:.95rem;font-weight:700;color:var(--color-gray-800)}.workbar__shape{width:100%;height:40px;clip-path:polygon(75% 0%,85% 48%,75% 100%,0% 100%,9% 48%,0% 0%);background-color:var(--color-teal-400)}.workbar__shape--done{background-color:var(--color-accent)}.spacer--xl{margin:var(--space-xl) 0 0 0}.spacer--lg{margin:var(--space-lg) 0 0 0}.spacer--between{padding:var(--space-md) 0}body{display:flex;flex-direction:row;margin:0;height:100vh;font-family:var(--font-body);font-size:var(--base-font-size);line-height:var(--base-line-height);color:var(--color-text)}h1,h2,h3{font-family:var(--font-heading);color:var(--color-text);line-height:var(--heading-line-height)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:700}p{font-family:var(--font-body);font-size:var(--base-font-size);font-weight:400;line-height:var(--base-line-height);padding:var(--space-sm) 0}ul,ol{font-family:var(--font-body);font-size:var(--base-font-size);font-weight:400;line-height:var(--base-line-height)}dialog{border:none;border-radius:var(--border-radius);padding:var(--space-md);box-shadow:var(--shadow-md);margin:0 auto;width:80%;max-width:600px}dialog::backdrop{background-color:#3131314d}dialog .button{margin-top:var(--space-sm)}.tag{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);font-size:var(--base-font-size);border-radius:var(--border-radius-large);background-color:var(--color-teal-700);color:var(--color-text-on-accent)}.tag--selected{background-color:var(--color-teal-900);color:var(--color-text-on-accent)}.tag__icon{width:20px;height:20px;margin-right:var(--space-xs)}.icon-cards{display:flex;flex-direction:column;gap:var(--space-md)}.icon-cards__item{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-md);border-bottom:2px solid var(--color-accent);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.icon-cards__item img{width:40px;height:50px}@media print{nav{display:none!important}}@media(not (max-width:640px))and (not (min-width:1280px)){:root{--base-font-size: 17px;--heading-line-height: 1.15}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.375rem}.button{padding:calc(var(--space-sm) * .8) calc(var(--space-md) * .8);font-size:.95rem}.button--small{font-size:.85rem;padding:calc(var(--space-sm) * .6) var(--space-sm)}.button--large{font-size:1rem;padding:calc(var(--space-sm) * .9) calc(var(--space-md) * .9)}.card__body{gap:0}.tag{padding:calc(var(--space-sm) * .9) calc(var(--space-md) * .9)}.tag__icon{width:18px;height:18px}.workbar__step{margin-left:-2vw}}@media not (min-width:640px){:root{--base-font-size: 16px;--heading-line-height: 1.1}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.button{padding:var(--space-xs) var(--space-sm);font-size:.9rem}.button--small{font-size:.85rem;padding:var(--space-xs) var(--space-sm)}.button--large{font-size:.95rem;padding:var(--space-xs) var(--space-sm)}.card__body{gap:0}.tag{padding:calc(var(--space-sm) * .8) calc(var(--space-md) * .8)}.tag__icon{width:15px;height:15px}.workbar__step{margin-left:-3vw}}nav ul li{margin-bottom:var(--space-md)}nav ul li:last-child{margin-bottom:0}nav ul li a{color:var(--color-white)!important;border-bottom:var(--border-width) solid var(--color-white)!important}nav{width:20svw;padding:var(--space-lg);min-width:200px;height:100lvh;border-radius:0 var(--border-radius-large) var(--border-radius-large) 0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:var(--color-accent)}nav .menu_changer{display:flex;justify-content:space-between}nav .menu_changer .logo{width:60px;cursor:pointer}nav .menu_changer .card_close_sign{display:none}nav p{color:var(--color-white)}main{width:100%;background-color:var(--color-white);padding:var(--space-xl);overflow-y:scroll}.palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:var(--space-md);margin-bottom:var(--space-md)}.palette .color{border-radius:6px;overflow:hidden;border:1px solid #ccc;background:#fff}.palette .swatch{height:80px}.palette .info{padding:.5rem;font-size:.85rem;text-align:center}@media only screen and (max-width:550px){main{padding-left:60px}.menu{position:absolute;min-width:0px}.menu .menu_changer .card_close_sign{display:block}.menu.menu_closed{width:30px;padding:0}.menu.menu_closed .menu_changer{display:flex;justify-content:center;width:100%}.menu.menu_closed .menu_changer .card_close_sign{margin-top:var(--space-md);transform:scaleX(-1)}.menu.menu_closed .menu_changer .logo{display:none}.menu.menu_closed .list,.menu.menu_closed p{display:none}.menu:not(.menu_closed){width:70svw}}
