@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";:root{--bg-main: linear-gradient(135deg, #1a7adb, #6a11cb);--bg-card: rgba(20, 5, 36, .9);--bg-soft: rgba(255, 255, 255, .06);--accent-primary: #ea00ff;--accent-secondary: #03d5ff;--text-main: #ebe7ef;--text-muted: #a18aba;--text-dim: #8964b0;--radius: 12px;--radius-sm: 8px;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .35);--shadow-light: 0 4px 14px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html{font-family:Quicksand,sans-serif;line-height:1.6;color:var(--text-main);background:var(--bg-main);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}header{text-align:center;margin:4rem 0 3rem}header img{height:4.5rem;width:auto;margin-bottom:1rem;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}header h1{margin:0;font-family:Roboto Condensed,sans-serif;font-size:4.5rem;letter-spacing:.05em;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}header p{margin-top:.5rem;font-size:1.25rem;color:var(--text-dim);font-family:Roboto Condensed,sans-serif}main{width:90%;max-width:52rem;margin:auto}#core-concepts{padding:2.5rem;border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}main h2{text-align:center;font-family:Roboto Condensed,sans-serif;margin-bottom:2rem;color:var(--text-muted);letter-spacing:.04em}#core-concepts ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem}#core-concepts li{padding:1.5rem 1rem;text-align:center;border-radius:var(--radius-sm);background:var(--bg-soft);transition:transform .25s ease,box-shadow .25s ease}#core-concepts li:hover{transform:translateY(-6px);box-shadow:var(--shadow-light)}#core-concepts li img{height:4rem;margin-bottom:.75rem;opacity:.9}#core-concepts li h3{margin:.5rem 0 .25rem;font-size:1.1rem}#core-concepts li p{font-size:.9rem;color:var(--text-muted)}#examples{margin:3.5rem auto}#examples h2{text-align:left}#examples menu{margin:1.25rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}#examples menu button{padding:.6rem 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:Roboto Condensed,sans-serif;font-size:.95rem;cursor:pointer;transition:all .2s ease}#examples menu button:hover{background:var(--bg-soft);color:var(--text-main)}#examples menu button.active{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:#fff3}#tab-content{padding:1.5rem;border-radius:var(--radius);background:rgba(47,29,67,.9);box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#tab-content h3{margin-top:0;font-family:Roboto Condensed,sans-serif}#tab-content code{display:block;margin-top:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:rgba(0,0,0,.25);font-size:.95rem;overflow-x:auto}@media (max-width: 48rem){header h1{font-size:3rem}header{margin:2.5rem 0}main{width:95%}#core-concepts{padding:1.75rem}#core-concepts ul{gap:1.25rem}#examples menu button{font-size:.85rem}}