:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #9146ff;--accent-hover: #772ce8;--accent-dark: #6b3ac7;--border: #1f1f1f;--card-bg: #121212}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:800px;margin:0 auto;padding:4rem 2rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem;max-width:65ch}p:last-of-type{margin-bottom:3rem}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}@media(max-width:768px){#root{padding:2rem 1.5rem}h1{font-size:2rem}p{font-size:1rem}ul li a div{padding:1.25rem}}@media(max-width:480px){h1{font-size:1.75rem}}ul{list-style:none;margin-top:2rem}ul li{margin-bottom:1.5rem}ul li a{display:block;text-decoration:none;color:inherit}ul li a div{background-color:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--accent-dark);border-radius:8px;padding:1.5rem;transition:all .3s ease}ul li a:hover div{border-left-color:var(--accent);border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 12px #9146ff26;background-color:var(--bg-secondary)}ul li h3{margin-top:0;color:var(--text-primary)}ul li p{margin-bottom:0;font-size:1rem;color:var(--text-secondary)}