:root{--color-bg-primary: #121212;--color-bg-secondary: #1e1e1e;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-accent-primary: #5e1dad;--color-accent-secondary: #6a3ea1;--color-accent-hover: #7c54a3;--color-border: #333333;--glow-small: 0 0 5px rgba(94, 29, 173, .3);--glow-medium: 0 0 15px rgba(94, 29, 173, .4);--glow-large: 0 0 25px rgba(94, 29, 173, .5);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}body{margin:0;padding:0;min-height:100vh;background-color:var(--color-bg-primary);background-image:radial-gradient(circle at top right,rgba(94,29,173,.1),transparent 60%),radial-gradient(circle at bottom left,rgba(106,62,161,.05),transparent 40%);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-50vh;right:-50vh;width:100vh;height:100vh;border-radius:50%;background:linear-gradient(#5e1dad08,#5e1dad03);z-index:-1;filter:blur(40px);animation:pulse 15s infinite alternate}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.2)}}h1{font-size:2.5rem;line-height:1.1}h2{font-size:2rem}h3{font-size:1.5rem}button{border-radius:6px;border:1px solid var(--color-accent-secondary);padding:10px 20px;font-size:1rem;font-weight:600;font-family:inherit;background-color:var(--color-accent-primary);background-image:linear-gradient(to bottom right,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;cursor:pointer;box-shadow:var(--glow-small);transition:all .3s ease;letter-spacing:.5px}button:hover{background-image:linear-gradient(to bottom right,var(--color-accent-secondary),var(--color-accent-primary));box-shadow:var(--glow-medium);transform:translateY(-1px)}button:active{transform:translateY(1px)}button:focus,button:focus-visible{outline:2px solid var(--color-accent-hover);outline-offset:2px}#root{max-width:1280px;margin:0 auto;padding:20px;width:100%}