:root{--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--background-dark: #0a0a0a;--card-background: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--accent-gradient: linear-gradient(135deg, #00ff87 0%, #60efff 100%);--border-color: #333333}html,body{width:100%;height:100%;overflow-x:hidden;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--bg-gradient);color:#fff;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}.container{width:90%;max-width:1400px;margin:0 auto;padding:2rem 0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--card-bg: rgba(30, 41, 59, .7);--card-hover: rgba(30, 41, 59, .9)}body{margin:0;padding:0;background:var(--bg-gradient);min-height:100vh}.home{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-gradient);color:#fff}.home-header{text-align:center;padding:4rem 2rem;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.home-header h1{font-size:3.5rem;margin:0;background:linear-gradient(135deg,#06b6d4,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.header-description{font-size:1.4em;color:#ccc;max-width:800px;margin:0 auto 2rem;line-height:1.6;position:relative;color:#94a3b8;font-size:1.1rem}.header-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.header-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;text-decoration:none;font-size:1rem}.docs-button{background:linear-gradient(135deg,#00ff87,#60efff);color:#000;border:none}.docs-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff874d;opacity:.9}.github-button{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.github-button:hover{background:#fff3;transform:translateY(-2px);border-color:#ffffff4d}.api-section{margin:80px 0}.api-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:60px 40px;border-radius:30px;box-shadow:0 20px 40px #0000004d;border:1px solid #333;text-align:center;position:relative;overflow:hidden}.api-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71)}.api-card h2{color:#fff;font-size:2.5em;margin-bottom:30px;background:linear-gradient(120deg,#3498db,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.api-card p{color:#ccc;margin-bottom:30px;font-size:1.2em}.api-card code{display:inline-block;background:#2d2d2d;padding:20px 40px;border-radius:15px;color:#3498db;font-size:1.3em;margin:20px 0;border:1px solid #3498db;box-shadow:0 10px 20px #3498db1a}.api-features{margin-top:40px}.api-features ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.api-features li{color:#2ecc71;font-size:1.1em;padding:12px 25px;background:#1d1d1d;border-radius:30px;border:1px solid #2ecc71;transition:all .3s ease}.api-features li:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2ecc7133}.features-section{margin:80px 0}.features-section h2{text-align:center;font-size:2.5em;color:#fff;margin-bottom:50px;background:linear-gradient(120deg,#3498db,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:40px 30px;border-radius:20px;text-align:center;transition:transform .3s ease;box-shadow:0 10px 30px #0000004d;border:1px solid #333;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #3498db33}.feature-card:hover:before{opacity:1}.feature-icon{font-size:3em;margin-bottom:20px;display:block}.feature-card h3{color:#fff;margin-bottom:15px;font-size:1.6em}.feature-card p{color:#ccc;line-height:1.6;font-size:1.1em}.categories-section{margin-bottom:80px}.categories-container{width:100%;padding:2rem;flex:1;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:calc(100vh - 300px);overflow-x:hidden}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin:0 auto;padding:0 2rem}.category-card{background:#1e293bb3;border-radius:1rem;overflow:hidden;transition:all .3s ease;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;display:flex;flex-direction:column}.category-image{width:100%;height:220px;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.1)}.category-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.category-title{font-size:1.5rem;margin:0 0 1rem;color:#fff}.category-description{color:#94a3b8;font-size:.9rem;line-height:1.5;margin:0;flex:1}.category-arrow{font-size:1.5em;color:#3498db;position:absolute;right:20px;bottom:20px;opacity:0;transform:translate(-10px);transition:all .3s ease}.category-card:hover .category-arrow{opacity:1;transform:translate(0)}.category-card:hover{transform:translateY(-5px);background:var(--card-hover);border-color:#fff3;box-shadow:0 10px 30px #0003}.home-footer{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#1a1a1acc,#2d2d2dcc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.footer-stats{display:flex;justify-content:center;gap:4rem;margin-bottom:3rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:1px}.footer-copyright{color:var(--text-secondary);font-size:.875rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 1600px){.categories-grid{padding:0}}@media (max-width: 1400px){.categories-container{padding:2rem}.categories-grid{grid-template-columns:repeat(3,1fr);max-width:100%}}@media (max-width: 1200px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.categories-grid{grid-template-columns:1fr}.categories-container{padding:1rem}}@media (max-width: 768px){.home-container{padding:20px 10px}.home-header{padding:80px 20px;margin-bottom:40px}.home-header h1{font-size:3em}.header-description{font-size:1.2em}.header-buttons{flex-direction:column}.api-card code{font-size:1em;padding:15px 20px}.api-features li{font-size:.9em}.features-grid,.categories-grid{grid-template-columns:1fr;gap:20px}.footer-stats{flex-direction:column;gap:30px}.stat-number{font-size:2em}}@media screen and (max-width: 1024px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.home-header{padding:2rem 1.5rem;margin:1.5rem auto}.home-header h1{font-size:2.5rem}.category-content{padding:1.5rem}}@media screen and (max-width: 767px){.categories-grid{grid-template-columns:1fr;gap:1rem}.home{padding:1rem 0}.home-header{padding:1rem;margin-bottom:2rem}.home-header h1{font-size:1.75rem}.category-content{padding:1.25rem}.category-title{font-size:1.25rem}}.category-page{min-height:100vh;width:90%;margin:0 auto;padding:2rem 0;background:transparent}.category-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#1a1a1a99;border-radius:12px;box-shadow:0 4px 6px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.category-header h1{font-size:2.5rem;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.category-description{color:var(--text-secondary);margin-bottom:1rem}code{display:inline-block;background:#1a1a1acc;padding:.5rem 1rem;border-radius:6px;color:#00ff87;margin:1rem 0;font-family:Courier New,monospace;border:1px solid rgba(255,255,255,.1)}.item-count{color:var(--text-secondary);margin-top:1rem}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:1rem;width:90%;margin:0 auto}.item-card{background:#1a1a1a99;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0003;border-color:#00ff8780;background:#1a1a1acc}.item-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:#2a2a2a99}.item-image{width:100%;height:100%;object-fit:cover;background-size:cover;transition:transform .3s ease}.item-card:hover .item-image{transform:scale(1.05)}.item-title{padding:1rem;background:linear-gradient(to bottom,#1a1a1ae6,#1a1a1a99);border-bottom:1px solid rgba(255,255,255,.1)}.item-title h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;text-align:center}.item-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.item-field{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:#ffffff08;border-radius:4px;transition:background-color .2s ease}.item-field:hover{background:#ffffff0d}.field-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:capitalize}.field-value{color:var(--text-primary);word-break:break-word;font-size:.9375rem;line-height:1.4}.field-value.punchline{color:#00ff87;font-style:italic;margin-top:.5rem;padding:.5rem;background:#00ff871a;border-radius:4px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(26,26,26,.6);border-top:3px solid #00ff87;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{text-align:center;padding:2rem;background:#1a1a1a99;border-radius:12px;margin:2rem auto;max-width:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.error h2{color:#f44;margin-bottom:1rem}.back-button{display:inline-block;padding:.75rem 1.5rem;background:var(--accent-gradient);color:#000;text-decoration:none;border-radius:6px;font-weight:500;transition:all .2s ease;margin-bottom:1rem;border:none}.back-button:hover{transform:translateY(-2px);opacity:.9}@media screen and (max-width: 1024px){.items-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:.75rem}.category-page{padding:1.5rem 0}.category-header{padding:1.5rem;margin-bottom:2rem}.category-header h1{font-size:2rem}}@media screen and (max-width: 767px){.items-grid{grid-template-columns:1fr;gap:1rem;padding:.5rem}.category-page{padding:1rem 0}.category-header{padding:1rem;margin-bottom:1.5rem}.category-header h1{font-size:1.75rem}.item-image-container{height:180px}.item-title h3{font-size:1.125rem}.field-label{font-size:.8125rem}.field-value{font-size:.875rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.App{min-height:100vh;padding:20px}@media (max-width: 768px){.App{padding:10px}}