:root{--bsm-color-primary: #642A8F;--bsm-color-primary-dark: #4B1F70;--bsm-color-primary-soft: #F1E8F7;--bsm-color-accent: #00BAF0;--bsm-color-accent-accessible: #007EA3;--bsm-color-accent-dark: #006F95;--bsm-color-accent-soft: #E6F8FE;--bsm-color-sky: #67CCE5;--bsm-color-lavender: #8E70A5;--bsm-color-bg: #FFFFFF;--bsm-color-surface: #F8FBFD;--bsm-color-border: #DCEEF5;--bsm-color-text: #202124;--bsm-color-text-brand: #2B1B3A;--bsm-color-text-muted: #64748B;--bsm-color-success: #18794E;--bsm-color-success-soft: #E8F7EF;--bsm-color-warning: #8A5A00;--bsm-color-warning-soft: #FFF4D6;--bsm-color-danger: #B42318;--bsm-color-danger-soft: #FDECEC;--bsm-color-neutral-soft: #F4F7FA;--bsm-color-skeleton-base: #EAF3F7;--bsm-color-skeleton-highlight: #F8FBFD;--bsm-gradient-brand: linear-gradient(135deg, #642A8F 0%, #00BAF0 100%);--bsm-gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #F8FBFD 100%);--bsm-shadow-sm: 0 2px 8px rgba(100, 42, 143, .08);--bsm-shadow-md: 0 12px 30px rgba(0, 186, 240, .14);--bsm-shadow-focus: 0 0 0 3px rgba(0, 186, 240, .24);--bsm-radius-sm: 8px;--bsm-radius-md: 12px;--bsm-radius-lg: 18px;--bsm-radius-pill: 999px;--bsm-motion-fast: .12s;--bsm-motion-normal: .18s;--bsm-motion-slow: .26s;--bsm-motion-skeleton: 1.2s;--bsm-ease-standard: cubic-bezier(.2, .8, .2, 1)}html{background:var(--bsm-color-bg)}body{margin:0;background:var(--bsm-color-bg);color:var(--bsm-color-text)}*{box-sizing:border-box}a{color:var(--bsm-color-accent-accessible);transition:color var(--bsm-motion-fast) var(--bsm-ease-standard),background-color var(--bsm-motion-fast) var(--bsm-ease-standard),border-color var(--bsm-motion-fast) var(--bsm-ease-standard)}a:hover{color:var(--bsm-color-accent-dark)}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--bsm-shadow-focus)}button{transition:background-color var(--bsm-motion-fast) var(--bsm-ease-standard),border-color var(--bsm-motion-fast) var(--bsm-ease-standard),box-shadow var(--bsm-motion-fast) var(--bsm-ease-standard),color var(--bsm-motion-fast) var(--bsm-ease-standard),transform var(--bsm-motion-fast) var(--bsm-ease-standard)}button:not(:disabled):hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}