:root{--primary-color: #0a1a3a;--secondary-color: #38bdf8;--color-background: #ffffff;--color-text: #333333;--color-primary: #007bff}@media (prefers-color-scheme: dark){:root{--color-background: #1a1a1a;--color-text: #f0f0f0;--color-primary: #3399ff}}:root[data-theme=dark]{--color-background: #1a1a1a;--color-text: #f0f0f0;--color-primary: #3399ff}body{margin:0}.logo{margin-right:auto;float:left}.header{display:flex;align-items:center;justify-content:center;width:100vw;padding:20px}.header .section-content{display:flex;align-items:center;justify-content:space-around}.subheader{font-size:12px;color:#0369a1;text-align:center;background-color:#e0f2fe;border:1px solid #7dd3fc;border-radius:20px;width:300px}.paned{display:flex;justify-content:center;width:100vw;padding:40px 20px}.paned:nth-child(2n){background-color:#f0f9ff}.section-content{max-width:1200px;width:100%;margin:0 auto}.flex{display:flex}.flex-1{flex:1}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-center{align-items:center}.flex-space-around{justify-content:space-around}.flex-space-between{justify-content:space-between}.flex-space-evenly{justify-content:space-evenly}.text-align-center{text-align:center}.button-group{margin-top:20px}.placeholder{border:1px dashed lightgrey;border-radius:5%}.panel-title{color:var(--secondary-color);font-size:13px;font-weight:700;margin-top:30px}.background-color-primary{background-color:var(--primary-color)}.background-color-secondary{background-color:var(--secondary-color)}.background-color-light-blue{background-color:#e0f2fe}.color-red{color:#dc2626}.color-grey{color:#6b7280}.color-orange{color:#ea580c}.color-yellow{color:#ca8a04}.color-white{color:#fff}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.font-x-small{font-size:12px}.font-small{font-size:14px}.font-medium{font-size:18px}.font-large{font-size:36px}.font-x-large{font-size:48px}.font-w-normal{font-weight:400}.font-w-bold{font-weight:700}.padding-small{padding:4px}.padding-medium{padding:12px}.margin-none{margin:0}.margin-small{margin:4px}.margin-medium{margin:12px}.margin-left-none{margin-left:none}.margin-left-x-small{margin-left:4px}.margin-left-small{margin-left:8px}.margin-left-medium{margin-left:12px}.margin-right-none{margin-right:none}.margin-right-x-small{margin-right:4px}.margin-right-small{margin-right:8px}.margin-right-medium{margin-right:12px}.margin-bottom-x-small{margin-bottom:4px}.margin-bottom-small{margin-bottom:8px}.margin-bottom-medium{margin-bottom:12px}.margin-bottom-large{margin-bottom:20px}.margin-top-x-small{margin-top:4px}.margin-top-small{margin-top:8px}.margin-top-medium{margin-top:12px}.margin-top-large{margin-top:20px}