@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.inserted{color:green}.note{border:#cb1f1f 2px solid;border-radius:8px;box-shadow:0 2px 4px #6b0707cc;width:100%;padding-block:1rem}.note h4{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.note h4 span{color:#cb1f1f;font-size:2.5rem}[data-theme=dark] .note h4{color:#fff}[data-theme=dark] .note h4 span{color:#f44}code[class*=language-],pre[class*=language-]{color:#fff;background:none;text-shadow:0 -.1em .2em black;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-],:not(pre)>code[class*=language-]{background:#4d4033}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border:.3em solid hsl(30,20%,40%);border-radius:.5em;box-shadow:1px 1px .5em #000 inset}:not(pre)>code[class*=language-]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid hsl(30,20%,40%);box-shadow:1px 1px .3em -.1em #000 inset;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#998066}.token.punctuation,.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#d1949e}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#bde052}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f5b83d}.token.atrule,.token.attr-value,.token.keyword{color:#d1949e}.token.regex,.token.important{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}.hero-section{max-width:1400px;margin:0 auto;padding:80px 20px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{text-align:left}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em;color:var(--text)}.hero-description{font-size:1.25rem;color:var(--secondary-text);margin-bottom:40px;line-height:1.6;max-width:500px}.hero-badges{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:40px}.hero-badge{border:1px solid var(--primary);padding:10px 20px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.hero-cta{margin-top:40px}.browse-button{display:inline-block;padding:16px 32px;background:var(--primary);color:var(--bg);border:1px solid var(--primary);font-size:1rem;font-weight:700;text-decoration:none;text-align:center;min-width:200px;transition:all .3s ease}.browse-button:hover{background:var(--bg);color:var(--primary);scale:1.05}.hero-animation{width:100%}@media(max-width:968px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}}.component-grid-section{max-width:1200px;margin:0 auto;padding:0 20px}.component-grid-title{font-size:5rem;font-weight:700;margin-bottom:5.95rem;color:var(--text);text-align:center;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2px rgb(0,0,0)}.highlight-text{color:var(--primary);background-color:var(--card-bg);padding:8px 12px;box-shadow:0 4px 8px #30307b66;transition:all .3s ease;border-radius:5px}.highlight-text:hover{scale:1.1;cursor:pointer}.usage{display:flex;gap:3rem;align-items:center;justify-content:center;font-size:1.35rem;width:100%;margin-top:4rem;margin-bottom:2rem}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.component-card-link{text-decoration:none}.component-card{border:3px solid var(--border);border-radius:20px;background:var(--card-bg);transition:all .3s ease;height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 6px 16px #0000001f,0 3px 8px #0000001a,0 1px 4px #00000014}.component-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0000002e,0 8px 16px #00000024,0 4px 8px #0000001a;border-color:var(--primary);border-width:3px}.component-preview-image{width:100%;height:200px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;border-bottom:3px solid var(--border)}.component-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.component-card:hover .component-preview-image img{transform:scale(1.05)}.component-info{flex:1;padding:24px}.component-name{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:10px}.component-description{color:var(--secondary-text);font-size:.95rem;line-height:1.6}nav img{width:100%;height:100%;object-fit:cover}:root{--primary: #000;--bg: #fff;--text: #111;--border: #eee;--card-bg: #fff;--nav-bg: #fff;--secondary-text: #666;--code-bg: #1a1a1a}[data-theme=dark]{--primary: #fff;--bg: #0d1117;--text: #e6edf3;--border: #30363d;--card-bg: #161b22;--nav-bg: #010409;--secondary-text: #8b949e;--code-bg: #0d1117}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}button{font-family:inherit}.component-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014!important;border-color:var(--primary)!important}pre[class*=language-]{background:#1a1a1a!important;text-shadow:none!important;font-family:Fira Code,monospace!important;font-size:14px!important}code[class*=language-],pre[class*=language-]{color:#ccc!important}