html{box-sizing:border-box;height:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{font-family:var(--font-family-main);font-size:var(--font-size-base);color:var(--color-text);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}img,picture{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-main);color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:.5em}:root{--color-header-bg: #f8f8f8;--color-header-text: #333;--color-footer-bg: #f8f8f8;--color-footer-text: #333;--color-button-bg: #007bff;--color-button-text: #fff;--color-button-hover-bg: #0056b3}body.theme-default{--color-header-bg: #f8f8f8;--color-header-text: #333;--color-footer-bg: #f8f8f8;--color-footer-text: #333;--color-button-bg: #007bff;--color-button-text: #fff;--color-button-hover-bg: #0056b3}body.theme-dark{--color-header-bg: #222;--color-header-text: #f8f8f8;--color-footer-bg: #222;--color-footer-text: #f8f8f8;--color-button-bg: #6c757d;--color-button-text: #fff;--color-button-hover-bg: #5a6268}body.theme-sepia{--color-header-bg: #f4ecd8;--color-header-text: #5a4a3b;--color-footer-bg: #f4ecd8;--color-footer-text: #5a4a3b;--color-button-bg: #8b4513;--color-button-text: #fff;--color-button-hover-bg: #6b3e10}body.theme-minimal{--color-header-bg: #ffffff;--color-header-text: #000000;--color-footer-bg: #ffffff;--color-footer-text: #000000;--color-button-bg: #cccccc;--color-button-text: #000;--color-button-hover-bg: #aaaaaa}body.theme-classic{--color-header-bg: #f0f0f0;--color-header-text: #444;--color-footer-bg: #f0f0f0;--color-footer-text: #444;--color-button-bg: #666;--color-button-text: #fff;--color-button-hover-bg: #555}body.theme-nature{--color-header-bg: #e6ffe6;--color-header-text: #228b22;--color-footer-bg: #e6ffe6;--color-footer-text: #228b22;--color-button-bg: #3cb371;--color-button-text: #fff;--color-button-hover-bg: #2e8b57}body.theme-glam{--color-header-bg: #fff0f5;--color-header-text: #8b008b;--color-footer-bg: #fff0f5;--color-footer-text: #8b008b;--color-button-bg: #ff69b4;--color-button-text: #fff;--color-button-hover-bg: #ff1493}body.theme-fresh{--color-header-bg: #e0ffff;--color-header-text: #008080;--color-footer-bg: #e0ffff;--color-footer-text: #008080;--color-button-bg: #40e0d0;--color-button-text: #fff;--color-button-hover-bg: #20b2aa}body.theme-clean{--color-header-bg: #f5f5f5;--color-header-text: #696969;--color-footer-bg: #f5f5f5;--color-footer-text: #696969;--color-button-bg: #a9a9a9;--color-button-text: #fff;--color-button-hover-bg: #808080}body.theme-gentle{--color-header-bg: #fdf5e6;--color-header-text: #8b4513;--color-footer-bg: #fdf5e6;--color-footer-text: #8b4513;--color-button-bg: #d2b48c;--color-button-text: #fff;--color-button-hover-bg: #c0a070}body.theme-vibrant{--color-header-bg: #ffe0e0;--color-header-text: #ff4500;--color-footer-bg: #ffe0e0;--color-footer-text: #ff4500;--color-button-bg: #ff6347;--color-button-text: #fff;--color-button-hover-bg: #ff4500}body.theme-bold{--color-header-bg: #ffe4e1;--color-header-text: #800000;--color-footer-bg: #ffe4e1;--color-footer-text: #800000;--color-button-bg: #b22222;--color-button-text: #fff;--color-button-hover-bg: #8b0000}#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;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}.theme-default{background-color:#f8f8f8;color:#333}.theme-dark{background-color:#333;color:#f8f8f8}.theme-sepia{background-color:#f4ecd8;color:#5a4a3b}.theme-minimal{background-color:#fff;color:#000;font-family:Arial,sans-serif}.theme-classic{background-color:#f0f0f0;color:#444;font-family:Georgia,serif}.theme-nature{background-color:#e6ffe6;color:#228b22}.theme-glam{background-color:#fff0f5;color:#8b008b}.theme-fresh{background-color:#e0ffff;color:teal}.theme-clean{background-color:#f5f5f5;color:#696969}.theme-gentle{background-color:#fdf5e6;color:#8b4513}.theme-vibrant{background-color:#ffe0e0;color:#ff4500}.theme-bold{background-color:#ffe4e1;color:maroon}.banner-container{display:flex;justify-content:center;align-items:center;margin-bottom:40px;width:100vw;margin-left:calc(50% - 50vw);background:var(--color-banner-gradient);border-radius:0;box-shadow:0 4px 24px var(--color-banner-shadow);position:relative;overflow:hidden}.banner-image{width:100%;height:auto;border-radius:16px;box-shadow:0 2px 12px var(--color-banner-img-shadow);object-fit:contain;background:#fff;display:block;position:relative;z-index:1}.banner-container:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;z-index:2;pointer-events:none;background:var(--color-banner-blur-gradient);filter:blur(16px)}.hero-container{position:relative;font-family:var(--font-family-main);text-align:center;color:var(--color-text);background:transparent;margin:0 auto;width:100vw;min-width:100vw;box-sizing:border-box;margin-top:-20rem;margin-bottom:5rem;z-index:1}.hero-header{background:#fff;padding:48px 32px;border-radius:18px;margin-bottom:48px;box-shadow:0 4px 24px var(--color-shadow);margin-left:auto;margin-right:auto;width:calc(100vw - 32px);max-width:700px}.hero-header h1{color:var(--color-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-bottom:18px;letter-spacing:-1px}.hero-header p{font-size:var(--font-size-p);color:var(--color-text-light);line-height:1.7}@media (max-width: 600px){.hero-header{position:static;top:unset;left:unset;transform:none;margin-top:24px;width:100%;max-width:100%}}:root{--color-primary: #303030;--color-primary-light: #505050;--color-primary-dark: #101010;--color-secondary: #f5f5f5;--color-secondary-light: #fafafa;--color-secondary-dark: #e5e7eb;--color-text: #262626;--color-text-light: #71717a;--color-muted: #d4d4d8;--color-shadow: rgba(24, 24, 27, .06);--color-banner-shadow: rgba(30, 30, 30, .08);--color-banner-img-shadow: rgba(24, 24, 27, .1);--color-banner-gradient: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-secondary-light) 100%);--color-banner-blur-gradient: linear-gradient( to bottom, rgba(250,250,250,0) 0%, rgba(245,245,245,.7) 60%, var(--color-secondary) 100% );--font-family-main: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-h1: 2.8em;--font-size-h2: 2em;--font-size-p: 1.25em;--font-size-base: 1em;--font-weight-bold: 700;--font-weight-semi: 600;--font-weight-normal: 400}.banner-background-container{position:relative;top:0;left:0;width:100vw;height:340px;z-index:1;pointer-events:none;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.banner-background-image{width:100vw;max-width:1200px;height:340px;object-fit:cover;border-radius:0 0 32px 32px;box-shadow:0 4px 24px var(--color-banner-shadow);position:absolute;left:50%;top:0;transform:translate(-50%);z-index:1;background:#fff}.banner-background-gradient{position:absolute;left:0;right:0;bottom:0;height:60%;background:var(--color-banner-blur-gradient);filter:blur(16px);z-index:2;pointer-events:none}.featured-articles-section{margin-bottom:3rem;margin-top:2rem}.featured-articles-section h2{color:#23272f;font-size:2rem;margin-bottom:1.75rem;font-weight:600}.cta-button{background:linear-gradient(90deg,#2563eb,#60a5fa);color:#fff;padding:1rem 2.25rem;border:none;border-radius:.625rem;font-size:1.18em;font-weight:600;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 .125rem .5rem #2563eb21}.cta-button:hover{background:linear-gradient(90deg,#1d4ed8,#3b82f6);transform:translateY(-.125rem) scale(1.03);box-shadow:0 .375rem 1.125rem #2563eb2e}.landing-footer{margin-top:3.75rem;padding-top:1.875rem;border-top:1px solid #e5e7eb;font-size:1em;color:#64748b;background:transparent}.featured-articles-cards{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;position:relative;z-index:15;margin-top:0}.featured-article-card{background:#fff;border-radius:1rem;box-shadow:0 .25rem 1.5rem var(--color-shadow);padding:1.5rem;width:16.25rem;display:flex;flex-direction:column;align-items:center;transition:transform .18s,box-shadow .18s;position:relative}.featured-article-card:hover{transform:translateY(-.375rem) scale(1.03);box-shadow:0 .5rem 2rem var(--color-shadow)}.featured-article-thumb{width:16rem;height:9rem;object-fit:cover;border-radius:.75rem;margin-bottom:1.125rem;box-shadow:0 .125rem .5rem var(--color-banner-img-shadow)}.featured-article-card h3{font-size:1.25em;color:var(--color-primary);font-weight:var(--font-weight-semi);margin-bottom:.625rem;margin-top:0;text-align:center}.featured-article-card p{color:var(--color-text-light);font-size:1em;text-align:center;margin:0}.landing-footer-section{width:100%;background:#f8fafc;color:#64748b;padding:2rem 0 1.5rem;text-align:center;font-size:1.05em;border-top:1px solid #e5e7eb;margin-top:4rem;letter-spacing:.01em}.landing-footer-section a{color:#2563eb;text-decoration:none;font-weight:500;transition:color .18s}.landing-footer-section a:hover{color:#1d4ed8;text-decoration:underline}@media (max-width: 56.25rem){.featured-articles-cards{flex-direction:column;align-items:center;gap:1.5rem}.featured-article-card{width:90vw;max-width:21.25rem}}.articles-section{margin:3rem 0 4rem}.articles-section h2{text-align:center;margin-left:0;margin-bottom:1.5rem;color:#23272f;font-size:1.5rem;font-weight:600}.articles-cards-horizontal{display:flex;flex-direction:column;gap:2rem;align-items:stretch;max-width:900px;margin:0 auto}.article-card-horizontal{display:flex;background:#fff;border-radius:1rem;box-shadow:0 .25rem 1.5rem var(--color-shadow);overflow:hidden;transition:transform .18s,box-shadow .18s;min-height:160px}.article-card-horizontal:hover{transform:translateY(-.1875rem) scale(1.02);box-shadow:0 .375rem 1.5rem #2563eb21}.article-card-horizontal .feature-thumb{width:180px;height:160px;object-fit:cover;border-radius:0;margin:0;box-shadow:none;flex-shrink:0}.article-card-content{padding:1.5rem 2rem;display:flex;flex-direction:column;justify-content:center;text-align:left}.article-card-content h3{margin:0 0 .5rem;font-size:1.15em;color:var(--color-primary);font-weight:var(--font-weight-semi);text-align:left}.article-card-content p{color:var(--color-text-light);font-size:1em;margin:0;text-align:left}@media (max-width: 700px){.articles-cards-horizontal{gap:1.25rem}.article-card-horizontal{flex-direction:column;min-height:unset}.article-card-horizontal .feature-thumb{width:100%;height:180px;border-radius:1rem 1rem 0 0}.article-card-content{padding:1.25rem 1rem}}.coming-soon-section{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center;background-color:var(--color-background-alt);color:var(--color-text-primary);padding:2rem;border-radius:1rem;margin:3rem auto;max-width:800px;box-shadow:0 .5rem 1.5rem #0000001a}.coming-soon-content h2{font-size:2.5rem;color:var(--color-primary);margin-bottom:1rem}.coming-soon-content p{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:2rem}.coming-soon-spinner{border:8px solid rgba(0,0,0,.1);border-left-color:var(--color-primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.article-page-container{max-width:900px;margin:3rem auto;background:#fff;border-radius:1.25rem;box-shadow:0 .25rem 1.5rem var(--color-shadow);padding:2.5rem 2rem;text-align:left}.article-page-image{width:100%;max-height:340px;object-fit:cover;border-radius:1rem;margin-bottom:2rem}.article-page-container h1{font-size:2.2rem;color:var(--color-primary);margin-bottom:1.25rem}.article-page-container p{color:var(--color-text-light);font-size:1.15rem;line-height:1.7}.article-content-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.article-content-section h2{font-size:1.35rem;color:var(--color-primary);margin-bottom:1.25rem;font-weight:600}.article-content-body{color:var(--color-text);font-size:1.13rem;line-height:1.8;word-break:break-word}.app-header{background-color:var(--color-header-bg);color:var(--color-header-text);padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;align-items:center;width:100%;position:sticky;top:0;z-index:1000}.header-content{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.site-title{margin:0;font-size:1.8rem;font-weight:600}.theme-toggle-button{background-color:var(--color-button-bg);color:var(--color-button-text);border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.theme-toggle-button:hover{background-color:var(--color-button-hover-bg)}.app-footer{background-color:var(--color-footer-bg);color:var(--color-footer-text);padding:1.5rem 2rem;text-align:center;box-shadow:0 -2px 4px #0000000d;width:100%}.footer-content{max-width:1200px;margin:0 auto}.app-footer p{margin:.5rem 0;font-size:.9rem}