:root{--color-background: #121212;--color-surface: #1e1e1e;--color-primary: #9c27b0;--color-primary-light: #bb86fc;--color-secondary: #00bcd4;--color-secondary-light: #03dac6;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #f44336;--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .38);--color-border: rgba(255, 255, 255, .12);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--shadow-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--shadow-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;font-size:16px;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:var(--space-2);font-weight:500}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-2)}@media (max-width: 768px){.container{padding:0 var(--space-1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-in-up{animation:slideInUp var(--transition-normal)}@keyframes colorChange{12.5%{color:red}25%{color:orange}37.5%{color:#ff0}50%{color:#7fff00}62.5%{color:#0ff}75%{color:#00f}87.5%{color:#9932cc}to{color:red}}.highlight{font-weight:700;color:var(--color-primary-light)}div.card-header code{color:#6afffc;padding:20 0 20 0;padding:3px 8px;background:#1c1e21;border:solid 1px #2e625c;margin:0 2px}