html{--app-primary: #3a35ef;--app-primary-hover: #2a26c9;--app-primary-light: #eeeefe;--app-page: #fbfbfc;--app-surface: #ffffff;--app-text: #0b0c17;--app-text-secondary: #55566b;--app-text-tertiary: #8a8b9a;--app-border: #e4e4ea;--app-divider: #e2e2e8;--app-label: #6f7f9f;--app-outline-border: #c9d3e8;--app-field: #e9ecf2;--app-field-value: #1f2430;--app-tile-gradient: linear-gradient(180deg,rgba(11,12,23,0) 0%,rgba(11,12,23,0) 28%,rgba(11,12,23,0.58) 56%,rgba(11,12,23,0.94) 100%);--app-section-spacing: 24px;--app-group-spacing: 14px;--app-option-spacing: 8px;--app-label-spacing: 6px;--app-column-spacing: 20px;--lumo-primary-color: var(--app-primary);--lumo-primary-text-color: var(--app-primary);--lumo-primary-color-50pct: rgba(58,53,239,0.5);--lumo-primary-color-10pct: rgba(58,53,239,0.1);--vaadin-input-field-height: 36px;--vaadin-input-field-border-radius: 4px;--vaadin-input-field-background: var(--app-field);--vaadin-input-field-value-color: var(--app-field-value);--vaadin-input-field-label-color: var(--app-label);--vaadin-input-field-label-font-size: 14px;--vaadin-input-field-label-font-weight: 400}html,body,vaadin-app-layout::part(content){background: var(--app-page)}.page-container{width: 100%;max-width: min(1440px,92vw);margin: 0 auto;padding-left: clamp(16px,3vw,32px);padding-right: clamp(16px,3vw,32px);box-sizing: border-box}@media (min-width: 801px){.mobile-only{display: none !important}vaadin-app-layout::part(drawer){display: none}}@media (max-width: 800px){.desktop-only{display: none !important}}vaadin-app-layout::part(content){display: flex;flex-direction: column;padding: 0}vaadin-app-layout::part(navbar){background: var(--app-primary);border-bottom: none;padding: 0;height: 56px;min-height: 56px}.app-navbar{width: 100%;height: 100%}.navbar-inner{display: flex;align-items: center;height: 100%;gap: 28px}.navbar-brand{display: flex;align-items: center;gap: 8px;flex: 0 0 auto}.navbar-logo{height: 22px;width: auto;display: block}.navbar-title{color: #fff;font-size: 17px;font-weight: 600;white-space: nowrap}.navbar-tabs{display: flex;align-items: center;height: 100%;min-width: 0;overflow-x: auto;scrollbar-width: none}.navbar-tabs::-webkit-scrollbar{display: none}.navbar-link,.navbar-link:hover{display: flex;align-items: center;height: 100%;padding: 0 14px;white-space: nowrap;text-decoration: none;font-size: 15px;font-weight: 500;color: rgba(255,255,255,0.72)}.navbar-link:hover{color: #fff}.navbar-link.active{color: #fff;box-shadow: inset 0 -3px 0 #fff;pointer-events: none;cursor: default}.navbar-actions{display: flex;align-items: center;gap: 10px;margin-left: auto;flex: 0 0 auto}vaadin-button.logout-button,vaadin-button.login-button{height: 34px;padding: 0 16px;background: #fff;color: var(--app-primary);font-size: 14px;font-weight: 600;border-radius: 8px;cursor: pointer}.language-selector vaadin-menu-bar-button{height: 34px;color: #fff;background: rgba(255,255,255,0.16);border-radius: 8px;font-size: 14px;font-weight: 500}.language-selector vaadin-menu-bar-button:hover{background: rgba(255,255,255,0.28)}vaadin-drawer-toggle.drawer-toggle{color: #fff;margin-inline-start: 0}@media (max-width: 800px){vaadin-app-layout::part(navbar){height: 60px;min-height: 60px}.navbar-inner{gap: 10px}.navbar-logo{height: 20px}.navbar-title{font-size: 16px}}vaadin-app-layout::part(drawer){background: var(--app-surface);padding: 0;border-right: none;width: calc(100vw - 88px);max-width: 320px}.app-drawer{display: flex;flex-direction: column;height: 100%}.drawer-header{display: flex;align-items: center;gap: 8px;height: 60px;padding: 0 12px;background: var(--app-primary)}vaadin-button.drawer-close{color: #fff;background: transparent;padding: 0;min-width: 36px;cursor: pointer}.drawer-nav{display: flex;flex-direction: column;gap: 2px;padding: 12px 8px}.drawer-link,.drawer-link:hover{display: flex;align-items: center;min-height: 44px;padding: 8px 14px;border-radius: 8px;font-size: 16px;font-weight: 500;color: var(--app-text);text-decoration: none}.drawer-link:hover{background: var(--app-primary-light)}.drawer-link.active,.drawer-link.active:hover{background: var(--app-primary);color: #fff;pointer-events: none;cursor: default}.drawer-footer{margin-top: auto;display: flex;flex-direction: column;align-items: stretch;padding: 8px;border-top: 1px solid var(--app-divider)}.drawer-footer-link,.drawer-footer-link:hover{display: flex;align-items: center;min-height: 44px;padding: 0 14px;font-size: 15px;color: var(--app-text-secondary);text-decoration: none}vaadin-button.drawer-logout{justify-content: flex-start;background: transparent;font-weight: 400;cursor: pointer}.app-content{display: flex;flex-direction: column;flex: 1;background: var(--app-page);box-sizing: border-box}.view-container{display: flex;flex-direction: column;flex: 1;min-width: 0}.app-content.module-page{width: 100%;max-width: 60rem;margin: 0 auto;padding: 36px 20px 48px}.module-title{margin: 0 0 8px;font-size: 32px;font-weight: 600;line-height: 1.15;letter-spacing: -0.01em;color: var(--app-text);text-wrap: pretty}@media (max-width: 800px){.app-content.module-page{padding: 24px 16px 32px}.module-title{margin-bottom: 4px;font-size: 24px;line-height: 1.25}}.overview{display: flex;flex-direction: column;flex: 1;width: 100%}.hero{padding-top: 40px;padding-bottom: 28px;text-align: center}.hero-slogan{display: block;margin-bottom: 10px;font-size: 14px;line-height: 1.4;font-weight: 500;color: var(--app-primary)}.hero-headline{margin: 0 auto;max-width: 920px;font-family: 'Newsreader',Georgia,serif;font-weight: 400;font-size: clamp(32px,3.4vw,54px);line-height: 1.06;letter-spacing: -0.02em;color: var(--app-text)}.hero-subline{margin: 14px auto 0;max-width: 560px;font-size: 17px;line-height: 1.5;color: var(--app-text-secondary)}.tile-grid{display: flex;flex-wrap: wrap;justify-content: center;gap: 28px;padding-bottom: 48px}.tile,.tile:hover{position: relative;display: flex;flex: 1 1 340px;max-width: 560px;min-height: 320px;aspect-ratio: 1 / 1.08;border-radius: 14px;overflow: hidden;text-decoration: none;color: #fff}.tile-image{position: absolute;inset: 0;background-size: cover;background-position: center;transition: transform 0.35s ease}.tile:hover .tile-image{transform: scale(1.05)}.tile::after{content: '';position: absolute;inset: 0;background: var(--app-tile-gradient)}.tile-content{position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: flex-end;width: 100%;padding: 24px;box-sizing: border-box}.tile-logo{height: 24px;width: auto;margin-bottom: 12px;align-self: flex-start}.tile-logo-large{height: 38px}.tile-title{margin: 0;font-size: 21px;font-weight: 600;line-height: 1.25;letter-spacing: -0.01em;color: #fff}.tile-text{margin-top: 6px;font-size: 15px;line-height: 1.45;color: #fff}.tile-action{margin-top: 12px;font-size: 15px;font-weight: 500;color: #fff}@media (max-width: 800px){.hero{padding-top: 24px;padding-bottom: 20px;text-align: left}.hero-slogan{margin: 0 auto 10px;max-width: 300px;font-size: 13px;line-height: 1.4;font-weight: 600;text-align: center}.hero-headline{margin: 0;max-width: none;font-size: 34px;line-height: 1.1}.hero-subline{margin: 12px 0 0;max-width: none;font-size: 15px}.tile-grid{gap: 14px;padding-bottom: 28px}.tile,.tile:hover{flex: 1 1 100%;max-width: none;min-height: 230px;aspect-ratio: 1.35 / 1}.tile-content{padding: 18px}}.contact-banner{margin-top: auto;background: var(--app-page);border-top: 2px solid var(--app-primary)}.contact-inner{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding-top: 20px;padding-bottom: 20px}.contact-title{margin: 0 0 2px;font-size: 17px;font-weight: 600;color: var(--app-text)}.contact-text{font-size: 14px;color: var(--app-text-secondary)}.contact-button,.contact-button:hover{display: inline-flex;align-items: center;justify-content: center;padding: 11px 20px;border-radius: 9px;background: var(--app-primary);color: #fff;font-size: 15px;font-weight: 500;text-decoration: none;white-space: nowrap}.contact-button:hover{background: var(--app-primary-hover)}.legal{display: block;border-top: 1px solid var(--app-divider)}.legal-inner{display: flex;align-items: center;justify-content: space-between;gap: 20px;min-height: 52px}.legal-start{display: flex;align-items: center;gap: 8px}.legal-powered{font-size: 13px;color: var(--app-text-tertiary)}.legal-logo{height: 22px;width: auto}.legal-links{display: flex;align-items: center;gap: 22px}.legal-link,.legal-link:hover{font-size: 13px;color: var(--app-primary);text-decoration: none}@media (max-width: 800px){.contact-inner{flex-direction: column;align-items: stretch;gap: 16px;padding-bottom: 22px}.contact-button,.contact-button:hover{width: 100%;min-height: 46px;box-sizing: border-box;font-size: 16px;font-weight: 600}.legal-inner{flex-direction: column;align-items: flex-start;gap: 10px;min-height: 0;padding-top: 14px;padding-bottom: 18px}}.module-divider{border-top: 1px solid var(--app-divider);padding-top: var(--app-section-spacing);box-sizing: border-box}.section-view{display: block;width: 100%}.section-view-header{display: flex;justify-content: flex-end;padding-bottom: 4px}.responsive-item{display: grid;grid-template-columns: 200px minmax(0,1fr);column-gap: var(--app-column-spacing);width: 100%;padding: var(--app-section-spacing) 0;border-top: 1px solid var(--app-divider);box-sizing: border-box}.item-title{display: flex;align-items: baseline;gap: 6px;min-width: 0}.item-title h4{margin: 0;min-width: 0;font-size: 16px;font-weight: 600;line-height: 1.3;color: var(--app-text)}.wrap-text{hyphens: auto;overflow-wrap: break-word;text-wrap: pretty}.item-content{display: flex;flex-direction: column;gap: var(--app-group-spacing);min-width: 0}.item-content vaadin-radio-group::part(label),.item-content vaadin-checkbox-group::part(label),.item-content vaadin-text-field::part(label),.item-content vaadin-integer-field::part(label),.item-content vaadin-number-field::part(label),.item-content vaadin-select::part(label),.item-content vaadin-combo-box::part(label),.item-content vaadin-date-picker::part(label),.item-content vaadin-time-picker::part(label),.item-content vaadin-custom-field::part(label){padding: 0 1em var(--app-label-spacing) 0;color: var(--app-label);font-size: 14px;font-weight: 400}.item-content vaadin-radio-group::part(group-field),.item-content vaadin-checkbox-group::part(group-field){display: flex;flex-wrap: wrap;align-items: center;column-gap: var(--app-column-spacing);row-gap: var(--app-option-spacing)}.item-content vaadin-radio-group vaadin-radio-button,.item-content vaadin-checkbox-group vaadin-checkbox{flex: 0 0 auto;margin-right: 0}.option-grid{display: flex;flex-direction: column;gap: var(--app-option-spacing);align-items: flex-start}.section-view vaadin-radio-button::part(label),.section-view vaadin-checkbox::part(label){font-size: 15px;line-height: 1.3;color: var(--app-text)}.section-view vaadin-radio-group.options-4 img{max-height: 64px}@media (max-width: 800px){html{--vaadin-input-field-height: 40px}.responsive-item{grid-template-columns: minmax(0,1fr);padding: 20px 0;row-gap: 12px}.item-content vaadin-radio-group::part(group-field),.item-content vaadin-checkbox-group::part(group-field){flex-direction: column;align-items: flex-start}.item-content vaadin-radio-group.options-4::part(group-field){flex-direction: row}}.weichen-container{gap: var(--app-option-spacing)}.weiche-card{border: 1px solid var(--app-border);border-radius: 6px;padding: 14px;box-sizing: border-box}.weiche-card h6{margin: 0 0 10px 0;font-size: 15px;font-weight: 600}.responsive-grid{display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: var(--app-column-spacing);row-gap: var(--app-option-spacing);align-items: center}.responsive-grid hr{grid-column: 1 / -1;width: 100%;height: 0;margin: 6px 0;border: 0;border-top: 1px solid var(--app-divider)}.grid-label{font-size: 14px;color: var(--app-text-secondary)}@media (max-width: 850px){.responsive-grid{grid-template-columns: 1fr 1fr}.responsive-grid .grid-label{grid-column: 1 / -1}}.min-width-field{min-width: 120px}.two-col-item{flex: 1 1 300px}.form-actions{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 12px 16px;width: 100%;position: relative;padding-top: var(--app-group-spacing);border-top: 1px solid var(--app-divider);box-sizing: border-box}.form-actions-results,.form-actions-exports{display: flex;align-items: center;flex: 0 0 auto;gap: 8px}.form-actions-results{margin-left: auto}.form-actions-progress{position: absolute;top: 0;left: 0;right: 0;margin: 0}.form-actions vaadin-button{--vaadin-button-height: 36px;--vaadin-button-padding: 0 12px;--vaadin-button-border-radius: 8px;--vaadin-button-background: var(--app-surface);--vaadin-button-border: 1px solid var(--app-border);--vaadin-button-border-color: var(--app-border);--vaadin-button-border-width: 1px;--vaadin-button-text-color: var(--app-primary);--vaadin-button-font-size: 14px;--vaadin-button-font-weight: 600;--vaadin-button-margin: 0;--vaadin-button-min-width: 0;cursor: pointer}.form-actions vaadin-button.form-actions-primary{--vaadin-button-padding: 0 18px;--vaadin-button-primary-background: var(--app-primary);--vaadin-button-primary-text-color: #fff;--vaadin-button-primary-border: 1px solid var(--app-primary)}@media (max-width: 800px){.form-actions{position: static;flex-direction: column;flex-wrap: nowrap;align-items: stretch;gap: 8px}.form-actions-results{display: contents;margin-left: 0}.form-actions-exports vaadin-button{flex: 1 1 0;--vaadin-button-height: 44px;--vaadin-button-padding: 0 10px}.form-actions vaadin-button.form-actions-primary{--vaadin-button-height: 46px}.form-actions-progress{position: static}}