.design-system{min-height:100vh}.nav-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background-color:var(--cream-lightest);border-right:1px solid var(--gray-lightest);overflow-y:auto;z-index:50}.nav-content{padding:1.5rem}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--brown-dark);margin-bottom:2rem}.nav-section{margin-bottom:1.5rem}.nav-section-title{font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--gray-medium);margin-bottom:.5rem}.nav-list{list-style:none;padding:0;margin:0}.nav-link{display:block;padding:.5rem .75rem;font-size:.875rem;color:var(--brown-dark);text-decoration:none;border-radius:.375rem;transition:all .2s ease}.nav-link:hover{background-color:var(--cream-light);color:var(--brown-dark)}.nav-link.active{background:linear-gradient(to bottom,var(--orange-light),var(--orange-primary));color:white;font-weight:var(--font-weight-semibold)}.nav-link-disabled{display:block;padding:.5rem .75rem;font-size:.875rem;color:var(--gray-light);cursor:not-allowed;border-radius:.375rem}.nav-section-disabled{opacity:.5}.nav-section-disabled .nav-section-title{color:var(--gray-light)}.main-content{margin-left:280px;min-height:100vh}:root{--cream-lightest:#FFFBED;--cream-light:#FEF3CF;--orange-light:#FD8002;--orange-primary:#FD6408;--orange-accent:#FF2714;--brown-medium:#672900;--brown-dark:#2F1A0C;--success-light:#6DEF8A;--success-primary:#28C54A;--error-light:#FF543D;--error-primary:#DB0000;--info-light:#51B0F8;--info-primary:#2881C5;--gray-lightest:#DBDBDB;--gray-light:#B2B2B2;--gray-medium:#686868;--gray-dark:#292929;--font-family-headline:"Fredoka","Noto Sans",sans-serif;--font-family-body:"Liberation Sans","Noto Sans",sans-serif;--font-weight-regular:400;--font-weight-semibold:600}body{font-family:var(--font-family-body);color:var(--brown-dark);font-size:16px;line-height:26px}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}.headline-staggered .headline-line-2{display:inline-block}@media (min-width:768px){.headline-staggered .headline-line-2{padding-left:112px}}.main-heading-start-page{font-family:var(--font-family-headline);font-size:41px;line-height:38px;font-weight:var(--font-weight-semibold);color:var(--brown-dark)}@media (min-width:768px){.main-heading-start-page{font-size:74px;line-height:74px}}.pre-header-cream{font-family:var(--font-family-body);font-size:14px;line-height:normal;font-weight:var(--font-weight-regular);color:var(--cream-light);text-transform:uppercase;letter-spacing:.7px}.section-header-cream{font-family:var(--font-family-headline);font-size:30px;line-height:30px;font-weight:var(--font-weight-semibold);color:var(--cream-light)}.body-text-cream{font-family:var(--font-family-body);font-size:16px;line-height:26px;font-weight:var(--font-weight-regular);color:var(--cream-light)}.text-heading-large{font-size:48px;line-height:44px}.text-heading-large,.text-heading-xlarge{font-family:var(--font-family-headline);font-weight:var(--font-weight-semibold)}.text-heading-xlarge{font-size:41px;line-height:38px}.text-heading-medium{font-size:30px;line-height:30px}.text-heading-medium,.text-heading-small{font-family:var(--font-family-headline);font-weight:var(--font-weight-semibold)}.text-heading-small{font-size:24px;line-height:28px}.text-heading-xsmall{font-family:var(--font-family-headline);font-size:20px;line-height:24px;font-weight:var(--font-weight-semibold)}.text-body-large{font-size:18px;line-height:28px}.text-body,.text-body-large{font-family:var(--font-family-body);font-weight:var(--font-weight-regular)}.text-body{font-size:16px;line-height:26px}.text-body-small{font-family:var(--font-family-body);font-size:14px;line-height:22px;font-weight:var(--font-weight-regular)}.text-label{font-size:14px;letter-spacing:.7px}.text-label,.text-label-small{font-family:var(--font-family-body);line-height:normal;font-weight:var(--font-weight-regular);text-transform:uppercase}.text-label-small{font-size:12px;letter-spacing:.5px}.text-caption{font-family:var(--font-family-body);font-size:12px;line-height:18px;font-weight:var(--font-weight-regular)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-regular{font-weight:var(--font-weight-regular)}.btn-primary-large{width:100%;max-width:400px;padding:1rem 1.5rem;font-size:1.125rem;font-weight:var(--font-weight-semibold);color:white;background-color:var(--orange-primary);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-primary-large:hover:not(:disabled){background:linear-gradient(to bottom,var(--orange-light),var(--orange-accent));transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-primary-large:active:not(:disabled){transform:translateY(0)}.btn-primary-large:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:.75rem 1.5rem;font-size:1rem;font-weight:var(--font-weight-semibold);color:white;background-color:var(--orange-primary);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(to bottom,var(--orange-light),var(--orange-accent))}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary-small{padding:.5rem 1rem;font-size:.875rem;font-weight:var(--font-weight-semibold);color:white;background-color:var(--orange-primary);border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.btn-primary-small:hover:not(:disabled){background:linear-gradient(to bottom,var(--orange-light),var(--orange-accent))}.btn-primary-small:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--brown-dark);background-color:white;border:2px solid var(--gray-lightest);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:var(--cream-lightest);border-color:var(--gray-light)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-google{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:400px;padding:.75rem 1rem;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--brown-dark);background-color:white;border:2px solid var(--gray-lightest);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-google:hover:not(:disabled){background-color:var(--cream-lightest);border-color:var(--gray-light)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.btn-success{padding:.75rem 1.5rem;font-size:1rem;font-weight:var(--font-weight-semibold);color:white;background-color:var(--success-primary);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-success:hover:not(:disabled){background:linear-gradient(to bottom,var(--success-light),var(--success-primary))}.btn-success:disabled{opacity:.5;cursor:not-allowed}.input-text{width:100%;height:48px;padding:0 12px;font-size:16px;font-family:var(--font-family-sans);color:var(--brown-dark);background-color:white;border:1px solid var(--gray-lightest);border-radius:8px;transition:all .2s ease;outline:none}.input-text::-moz-placeholder{color:var(--gray-light)}.input-text::placeholder{color:var(--gray-light)}.input-text:hover:not(:disabled){border-color:var(--gray-light)}.input-text:focus:not(:disabled){border-color:var(--orange-primary);box-shadow:0 0 0 3px rgba(253,100,8,.1)}.input-text:disabled{background-color:var(--cream-lightest);color:var(--gray-light);cursor:not-allowed}.input-text.error,.input-text.error:focus{border-color:var(--error-primary)}.input-text.error:focus{box-shadow:0 0 0 3px rgba(219,0,0,.1)}textarea.input-text{min-height:96px;padding:12px;resize:vertical}.checkbox-wrapper{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;min-width:20px;border:2px solid var(--gray-lightest);border-radius:4px;background-color:white;cursor:pointer;position:relative;transition:all .2s ease;margin-top:2px}.checkbox:focus,.checkbox:hover:not(:disabled){border-color:var(--orange-primary)}.checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(253,100,8,.1)}.checkbox:checked{background-color:var(--orange-primary);border-color:var(--orange-primary)}.checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:disabled{background-color:var(--cream-lightest);border-color:var(--gray-lightest);cursor:not-allowed}.checkbox-label{font-size:14px;line-height:1.5;color:var(--brown-dark);cursor:pointer}.checkbox-label a{color:var(--info-primary);text-decoration:underline}.checkbox-label a:hover{color:var(--info-light)}.toggle-switch{cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1)}.toggle-switch span{transition:all .3s cubic-bezier(.4,0,.2,1)}.state-demo .toggle-switch{cursor:default}.landing-container{background-color:var(--brown-dark);width:100%;min-height:100vh;margin:0;padding:0}.landing-header{position:absolute;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:30px 24px}.landing-header,.landing-logo{display:flex;align-items:center}.landing-logo{gap:12px}.landing-logo-icon{font-size:28px}.landing-logo-text{font-family:var(--font-family-headline);font-size:20px;font-weight:var(--font-weight-semibold);color:var(--brown-dark)}.landing-header-buttons{display:flex;align-items:center;gap:8px}.btn-header,.btn-language-selector{padding:4px 12px;background:linear-gradient(to bottom,var(--brown-medium),var(--brown-dark));border-radius:8px;font-family:var(--font-family-headline);font-size:14px;font-weight:500;color:var(--cream-light);border:none;cursor:pointer;transition:opacity .2s ease;height:28px;display:flex;align-items:center;gap:7px}.btn-language-selector:hover{opacity:.9}.language-selector-icon{width:18px;height:18px;color:var(--cream-light)}.language-selector-arrow{width:8px;height:8px;color:var(--cream-light);transition:transform .2s ease}.language-selector-wrapper{position:relative}.language-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:150px;background:white;border:1px solid var(--gray-lightest);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;z-index:1000}.language-dropdown-item{width:100%;padding:8px 12px;background:white;border:none;font-family:var(--font-family-headline);font-size:14px;font-weight:400;color:var(--brown-dark);text-align:left;cursor:pointer;transition:background-color .2s ease}.language-dropdown-item:hover{background-color:var(--cream-lightest)}.language-dropdown-item.active{background-color:var(--cream-light);font-weight:500}.btn-header:hover{opacity:.9}.btn-header:disabled{opacity:.5;cursor:not-allowed}.hero-section{background-image:url(/assets/start-illustration-hero.jpg);background-size:cover;background-position:center -10px;background-repeat:no-repeat}.hero-image-container,.hero-section{position:relative;width:100%;height:600px}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:102px 24px 28px}.hero-headline-wrapper{display:flex;align-items:center;justify-content:center;padding:0 24px}.hero-headline{text-align:center}.hero-cta-wrapper{display:flex;justify-content:center}@media (min-width:768px){.hero-section{height:680px;background-image:url(/assets/start-illustration-hero-desktop.jpg);background-position:50%}.hero-image-container{height:680px}.hero-content{height:680px;max-width:1440px;margin:0 auto;padding:162px 48px 40px;justify-content:flex-start;gap:40px}.hero-headline-wrapper{justify-content:flex-start;padding:0;width:50%;flex-direction:column;min-width:400px}.hero-headline{text-align:center;max-width:612px}.hero-cta-wrapper{justify-content:flex-start;width:50%;flex-direction:column;align-items:center;min-width:400px}.hero-cta-wrapper .btn-cta-primary{width:403px;max-width:403px}}.btn-cta-primary{width:100%;max-width:400px;padding:13px 25px 16px;background:linear-gradient(180deg,#FFA100,#FF2714);border:1px solid #ffa100;border-radius:16px;font-family:var(--font-family-headline);font-size:18px;font-weight:500;color:var(--cream-light);cursor:pointer;transition:all .2s ease}.btn-cta-primary:hover{background:linear-gradient(180deg,#E49101,#E82B14);opacity:.9}.btn-cta-primary:active{opacity:1;transform:translateY(1px)}.btn-cta-primary:active,.btn-cta-primary:disabled{background:linear-gradient(180deg,#FF2714,#FFA100)}.btn-cta-primary:disabled{opacity:.5;cursor:not-allowed}.message-section{background-color:var(--brown-dark);padding:20px 20px 32px;gap:16px;text-align:center}.message-content,.message-section{display:flex;flex-direction:column}.message-content{gap:10px}.message-preheader{text-align:center}.message-headline{text-align:center;max-width:257px;margin:0 auto}.message-body{text-align:center}.message-body-wrapper{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.landing-header{padding:30px 48px}.message-section{padding:20px 20px 48px}.message-content{gap:10px}.message-headline{max-width:none}.message-body-wrapper{flex-direction:row;gap:60px;justify-content:center;max-width:1400px;margin:0 auto}.message-body{flex:0 0 320px;text-align:left}}