:root{--bg-primary: #222b45;--bg-secondary: #151a30;--bg-card: #1a2138;--bg-card-hover: #232d4b;--text-primary: #ffffff;--text-secondary: #8f9bb3;--text-hint: #598bff;--border-color: #2e3a59;--accent-primary: #598bff;--accent-success: #00d68f;--accent-danger: #ff3d71;--accent-warning: #ffaa00;--accent-info: #0095ff;--shadow: rgba(0, 0, 0, .4);--shadow-light: rgba(0, 0, 0, .2);--shadow-heavy: rgba(0, 0, 0, .7);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--spacing-xxxl: 30px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 50%;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease;--transition-cubic: .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Segoe UI", "Open Sans", Roboto, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-xxl: 18px;--font-size-xxxl: 20px;--font-size-title: 24px;--z-dropdown: 100;--z-modal: 1000;--z-overlay: 1500;--z-expanded: 2000;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:var(--font-size-title)}h2{font-size:var(--font-size-xxxl)}h3{font-size:var(--font-size-xxl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-xxl{padding:var(--spacing-xxl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-xxl{margin:var(--spacing-xxl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-hint{color:var(--text-hint)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px var(--shadow-light)}.shadow-md{box-shadow:0 2px 8px var(--shadow)}.shadow-lg{box-shadow:0 8px 24px var(--shadow)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}@media (max-width: 768px){.d-md-none{display:none}.d-md-block{display:block}.d-md-flex{display:flex}}@media (min-width: 769px){.d-lg-none{display:none}.d-lg-block{display:block}.d-lg-flex{display:flex}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes expandCard{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}*:focus{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus,a:focus{outline:2px solid var(--accent-primary);outline-offset:2px}