:root{--body-background: linear-gradient(135deg, #D4F1F4 0%, #E8F4F8 25%, #F3E8FF 60%, #E8D4FF 100%);--color-primary: #2D3E8E;--color-primary-dark: #1f2d6b;--color-primary-light: #4759B4;--color-secondary: #9D8DF1;--color-secondary-light: #B8A4F5;--scrollbar-thumb: linear-gradient(135deg, #9D8DF1 0%, #B8A4F5 100%);--scrollbar-thumb-hover: linear-gradient(135deg, #8B7ADF 0%, #A692E3 100%);--scrollbar-thumb-active: linear-gradient(135deg, #7968CD 0%, #9480D1 100%);--text-primary: #678ac2;--text-secondary: #64748b;--text-accent: #2D3E8E;--border-color: #e5e7eb;--card-background: linear-gradient(135deg, #E8F4F8 0%, #F0E8FF 100%);--card-background-solid: #ffffff;--logo-background: rgba(255, 255, 255, .95);--hover-overlay: rgba(45, 62, 142, .05)}html,body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow-x:hidden;color:var(--text-primary)}body{background:var(--body-background);background-attachment:fixed;transition:background .3s ease}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-secondary) rgba(0,0,0,.05)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid transparent}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}