@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";*{box-sizing:border-box}html{font-family:Quicksand,sans-serif;line-height:1.5;color:#ebe7ef;background:radial-gradient(#280a48,#20043d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:80rem}header{text-align:center;margin:3rem 0}header img{height:5rem;width:10rem;object-fit:cover}header h1{margin:0;font-family:Roboto Condensed,sans-serif;font-size:5rem;background:linear-gradient(40deg,#ea00ff,#ea00ff,#03d5ff,#03d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}header p{margin:0;font-size:1.25rem;color:#8964b0;font-family:Roboto Condensed,sans-serif}main{width:90%;max-width:50rem;margin:auto}#core-concepts{padding:2rem;border-radius:6px;background-color:#140524;box-shadow:0 2px 8px #0006}main h2{text-align:center;font-family:Roboto Condensed,sans-serif;margin:0 0 1.5rem;color:#a18aba}#core-concepts ul{list-style:none;padding:0;margin:0;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}#core-concepts li{width:10rem;text-align:center}#core-concepts li img{height:4rem;width:6rem;object-fit:cover}#core-concepts li h3{margin:.5rem 0}#core-concepts li p{font-size:.9rem}#examples{margin:3rem auto}#examples h2{text-align:left}#examples menu{margin:1rem 0;padding:0;display:flex;gap:.5rem;list-style:none}#examples menu button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:transparent;color:#a18aba;font-family:Roboto Condensed,sans-serif;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out}#examples menu button:hover{background-color:#1b082f;color:#ebe7ef}#examples menu button.active{background-color:#7925d3;color:#ebe7ef}#tab-content{padding:1rem;border-radius:6px;background-color:#2f1d43;box-shadow:0 2px 8px #0000004d}#tab-content h3{margin:0}#tab-content code{font-size:1rem}ul.core-concepts{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}ul.core-concepts li{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}ul.core-concepts li:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}ul.core-concepts li a{text-decoration:none;color:inherit;display:block}ul.core-concepts li img{width:80px;height:80px;object-fit:contain;margin-bottom:1rem}ul.core-concepts li h3{margin:0 0 .5rem;color:#00d4ff}ul.core-concepts li p{margin:0;font-size:.9rem;color:#a0a0a0}nav{display:inline-flex;gap:1.5rem;margin-top:1.5rem}nav a{color:#00d4ff;text-decoration:none;padding:.5rem 1rem;border:1px solid #00d4ff;border-radius:6px;transition:background .2s,color .2s}nav a:hover{background:#00d4ff;color:#0a0a0a}.back-link{display:inline-block;color:#00d4ff;text-decoration:none;margin-bottom:1.5rem;padding:.5rem 0}.back-link:hover{text-decoration:underline}.concept-detail{max-width:600px;margin:2rem auto;padding:2rem}.concept-detail article{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:12px;padding:2rem;text-align:center}.concept-detail img{width:150px;height:150px;object-fit:contain;margin-bottom:1.5rem}.concept-detail h1{color:#00d4ff;margin:0 0 1rem}.concept-detail p{color:silver;line-height:1.6}.playground{max-width:600px;margin:0 auto;padding:2rem}.playground h1{color:#00d4ff}.playground-section{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.playground-section h2{margin-top:0;color:#fff;font-size:1.1rem}.playground-section button{background:#00d4ff;color:#0a0a0a;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-right:.5rem;margin-top:.5rem;font-weight:600;transition:opacity .2s}.playground-section button:hover{opacity:.8}.playground-section button:disabled{opacity:.5;cursor:not-allowed}.playground-section .fact{background:#0a0a0a;padding:1rem;border-radius:8px;margin-top:1rem;line-height:1.5}.playground-section .error{color:#ff6b6b}