:root{--color-background: #f4f6fb;--color-surface: #ffffff;--color-surface-subtle: #f8f9ff;--color-top-bar-bg: #101c42;--color-top-bar-text: #e7ecff;--color-footer-bg: #0f1534;--color-footer-text: #d9def5;--color-text-strong: #1d2442;--color-text-muted: #6f7d95;--color-border: #dde2f1;--color-border-muted: #e7ebf7;--color-primary: #2f4bff;--color-primary-light: #5f75ff;--color-primary-dark: #1f3ed1;--color-on-primary: #ffffff;--grade-5-gradient: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);--grade-6-gradient: linear-gradient(135deg, #00c9a7 0%, #17a398 100%);--grade-7-gradient: linear-gradient(135deg, #845ef7 0%, #3c37ff 100%);--grade-8-gradient: linear-gradient(135deg, #ff6b6b 0%, #f06595 100%);--cta-gradient: linear-gradient(135deg, #2f4bff 0%, #845ef7 45%, #ff6b6b 100%);--shadow-sm: 0 8px 24px rgba(15, 23, 66, .08);--shadow-md: 0 12px 32px rgba(15, 23, 66, .12);--shadow-lg: 0 20px 48px rgba(15, 23, 66, .16);--top-bar-height: 44px;--main-nav-height: 72px}*,*:before,*:after{box-sizing:border-box}html,body{padding:0;margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background:var(--color-background);color:var(--color-text-strong)}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-text-strong)}p{color:var(--color-text-muted)}a{color:inherit}.app-container{width:min(1200px,100% - 48px);margin:0 auto}@media (max-width: 768px){:root{--top-bar-height: 64px}.app-container{width:min(100%,100% - 32px)}}