:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(103, 61, 230, .06);--border-subtle: rgba(0, 0, 0, .08);--border-hover: rgba(103, 61, 230, .3);--text-primary: #1a1a1a;--text-heading: #111111;--text-body: #444444;--text-muted: #666666;--text-faint: #888888;--text-disabled: #aaaaaa;--accent: #673de6;--accent-hover: #5a35cc;--accent-bg: rgba(103, 61, 230, .08);--accent-bg-strong: rgba(103, 61, 230, .8);--accent-border: rgba(103, 61, 230, .3);--cta-bg: linear-gradient(135deg, rgba(103, 61, 230, .1), rgba(103, 61, 230, .03));--cta-border: rgba(103, 61, 230, .25);--code-bg: #f1f5f9;--strong-color: #111111;--footer-border: rgba(0, 0, 0, .08);--footer-text: #888888;--lightbox-bg: rgba(0, 0, 0, .85);--tag-color: #673de6;--tag-bg: rgba(103, 61, 230, .08);--btn-text: #ffffff;--resource-text: #444444;--resource-hover-text: #111111;--header-border: rgba(0, 0, 0, .08);--logo-color: #111111;--nav-link-color: #555555;--nav-link-border: rgba(0, 0, 0, .12);--nav-link-hover-bg: rgba(103, 61, 230, .06);--nav-link-hover-border: rgba(103, 61, 230, .3);--nav-link-hover-text: #111111;--scroll-btn-bg: rgba(103, 61, 230, .9);--scroll-btn-shadow: rgba(103, 61, 230, .3);--pagination-disabled-color: #aaaaaa;--pagination-disabled-bg: rgba(0, 0, 0, .03);--pagination-disabled-border: 1px solid rgba(0, 0, 0, .06);--blockquote-border: rgba(103, 61, 230, .3);--blockquote-color: #555555;--gradient-title: linear-gradient(135deg, #1a1a2e 0%, #5a35cc 50%, #673de6 100%)}[data-theme=dark]{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(103, 61, 230, .08);--border-subtle: rgba(255, 255, 255, .08);--border-hover: rgba(103, 61, 230, .3);--text-primary: #ededed;--text-heading: #ffffff;--text-body: #aaaaaa;--text-muted: #888888;--text-faint: #888888;--text-disabled: #555555;--accent: #9b7ef0;--accent-hover: #b89af5;--accent-bg: rgba(103, 61, 230, .1);--accent-bg-strong: rgba(103, 61, 230, .8);--accent-border: rgba(103, 61, 230, .3);--cta-bg: linear-gradient(135deg, rgba(103, 61, 230, .15), rgba(103, 61, 230, .05));--cta-border: rgba(103, 61, 230, .3);--code-bg: rgba(255, 255, 255, .05);--strong-color: #ffffff;--footer-border: rgba(255, 255, 255, .1);--footer-text: #555555;--lightbox-bg: rgba(0, 0, 0, .9);--tag-color: #9b7ef0;--tag-bg: rgba(103, 61, 230, .1);--btn-text: #ffffff;--resource-text: #cccccc;--resource-hover-text: #ffffff;--header-border: rgba(255, 255, 255, .1);--logo-color: #ffffff;--nav-link-color: #888888;--nav-link-border: rgba(255, 255, 255, .1);--nav-link-hover-bg: rgba(103, 61, 230, .1);--nav-link-hover-border: rgba(103, 61, 230, .4);--nav-link-hover-text: #ffffff;--scroll-btn-bg: rgba(103, 61, 230, .9);--scroll-btn-shadow: rgba(103, 61, 230, .3);--pagination-disabled-color: #555555;--pagination-disabled-bg: rgba(255, 255, 255, .03);--pagination-disabled-border: 1px solid rgba(255, 255, 255, .05);--blockquote-border: rgba(103, 61, 230, .3);--blockquote-color: #aaaaaa;--gradient-title: linear-gradient(135deg, #e5e5e5 0%, #b89af5 50%, #8b6ae8 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;transition:background .3s ease,color .3s ease;overflow-x:hidden}img{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none;transition:color .2s;word-break:break-word}a:hover{color:var(--accent-hover)}.container{max-width:1100px;margin:0 auto;padding:0 20px}.header{padding:24px 0;border-bottom:1px solid var(--header-border);margin-bottom:0}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:700;color:var(--logo-color);letter-spacing:-.5px;margin-left:3mm}.logo span{color:var(--accent)}.nav-link{font-size:.9rem;color:var(--nav-link-color);padding:8px 16px;border:1px solid var(--nav-link-border);border-radius:8px;transition:all .2s}.nav-link:hover{color:var(--nav-link-hover-text);border-color:var(--nav-link-hover-border);background:var(--nav-link-hover-bg)}.nav-links{display:flex;align-items:center;gap:16px}.nav-link-internal{font-size:.9rem;color:var(--nav-link-color);transition:color .2s}.nav-link-internal:hover{color:var(--accent)}.hero{display:flex;align-items:center;gap:3rem;padding:0 0 64px}.hero-text{flex:0 0 auto;width:520px}.hero-image{flex:1;display:flex;align-items:center;justify-content:flex-end}.hero-image img{width:100%;height:auto;border-radius:0;object-fit:cover}.hero h1{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:400;letter-spacing:-.03em;line-height:1.05;margin-bottom:12px;color:var(--text-heading)}.hero h1 .gradient-text{background-image:var(--gradient-title);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero .hero-subtitle{font-size:1.15rem;color:var(--text-muted);max-width:520px;margin:0;line-height:1.6}.hero .hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero .hero-tags span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--tag-color);background:var(--tag-bg);padding:4px 12px;border-radius:4px}@media(max-width:768px){.header{padding:16px 0;margin-bottom:0}.header-inner{flex-wrap:wrap;gap:12px}.logo{font-size:1.1rem}.nav-links{gap:8px}.nav-link{font-size:.8rem;padding:6px 12px}.nav-link-internal{font-size:.8rem}.hero{flex-direction:column;text-align:center;gap:2rem;padding:2rem 1.25rem!important;border-radius:0!important}.hero-text{width:100%;flex:1 1 auto}.hero-image{width:260px;order:-1}.hero .hero-subtitle{max-width:100%;font-size:1rem}.hero .hero-tags{justify-content:center}.hero h1{font-size:1.75rem}.container{padding:0 16px}.blog-grid{gap:16px;padding-bottom:0}.blog-card{padding:20px;border-radius:0}.blog-card h2{font-size:1.25rem}.blog-card p{font-size:.9rem}.post-content{padding-bottom:32px}.post-content h2{font-size:1.25rem;margin:28px 0 12px}.post-content h3{font-size:1.1rem;margin:24px 0 10px}.post-content p{font-size:.95rem;line-height:1.7}.post-content ul,.post-content ol{margin-left:16px}.post-hero-image{border-radius:8px;margin-bottom:24px}.post-body-image{border-radius:8px}.cta-box{padding:24px 20px;margin:28px 0;border-radius:0}.cta-box h3{font-size:1.15rem}.cta-button{padding:12px 24px;font-size:.9rem;width:100%;justify-content:center}.resource-grid{grid-template-columns:1fr}.footer{padding:24px 0;font-size:.8rem}.lightbox-overlay{padding:12px}.back-link{margin-top:24px;margin-bottom:20px}}.blog-grid{display:grid;gap:24px;padding-bottom:0}.blog-grid>a:first-child{border-top:2px solid #110c29;padding-top:24px}.blog-grid>a{border-bottom:2px solid #110c29;padding-bottom:24px}.blog-grid>a:last-child{border-bottom:2px solid #110c29;padding-bottom:24px}.blog-card{background:var(--bg-card);border:none;border-radius:0;padding:28px;transition:transform .3s ease;cursor:pointer}.blog-card:hover{transform:translateY(-4px)}.blog-card:hover h2{text-decoration:underline}.blog-card-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#2a2545;padding:4px 10px;border-radius:4px;margin-bottom:12px}.blog-card h2{font-size:1.6rem;font-weight:500;color:var(--text-heading);margin-bottom:10px;line-height:1.3;letter-spacing:-.02em}.blog-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.blog-card-meta{font-size:.8rem;color:var(--text-disabled)}.read-more{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--accent);margin-top:12px}.read-more:hover{gap:10px}.post-header{margin-bottom:40px}.post-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--tag-color);background:var(--tag-bg);padding:4px 10px;border-radius:4px;margin-bottom:16px}.post-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;color:var(--text-heading);letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.post-meta{font-size:.9rem;color:var(--text-muted)}.post-content{padding-bottom:64px}.post-content h2{font-size:1.5rem;font-weight:500;color:var(--text-heading);margin:40px 0 16px;letter-spacing:-.02em}.post-content h3{font-size:1.25rem;font-weight:500;color:var(--text-heading);margin:32px 0 12px;letter-spacing:-.02em}.post-content p{color:var(--text-body);font-size:1.05rem;line-height:1.8;margin-bottom:20px;overflow-wrap:break-word;word-break:break-word}.post-content ul,.post-content ol{color:var(--text-body);margin:0 0 20px 24px}.post-content li{margin-bottom:8px;line-height:1.7;overflow-wrap:break-word;word-break:break-word}.post-content strong{color:var(--strong-color)}.post-hero-image{width:100%;height:auto;border-radius:12px;margin-bottom:40px}.post-body-image{width:100%;height:auto;border-radius:12px;margin:16px 0 24px}.expandable-image{cursor:zoom-in;transition:opacity .2s ease}.expandable-image:hover{opacity:.85}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--lightbox-bg);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;padding:24px}.lightbox-image{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px}.cta-box{border:none;border-radius:0;padding:32px;text-align:center;margin:40px 0;background-size:cover;background-position:center;background-repeat:no-repeat}.cta-box h3{font-size:1.35rem;font-weight:500;color:#fff;margin-bottom:12px;letter-spacing:-.02em}.cta-box p{color:#ffffffd9;margin-bottom:20px}.cta-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--accent);color:var(--btn-text);font-weight:600;font-size:1rem;border-radius:10px;transition:all .2s}.cta-button:hover{background:var(--accent-hover);color:var(--btn-text);transform:translateY(-2px)}.footer{border-top:1px solid var(--footer-border);padding:32px 0;text-align:center;color:var(--footer-text);font-size:.85rem}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--accent)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-muted);margin-top:48px;margin-bottom:32px}.back-link:hover{color:var(--accent)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:24px 0 40px}.resource-link{display:block;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;font-size:.9rem;color:var(--resource-text);transition:all .2s ease}.resource-link:hover{border-color:var(--nav-link-hover-border);background:var(--bg-card-hover);color:var(--resource-hover-text);transform:translate(4px)}.theme-toggle{background:none;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;padding:6px 10px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-muted);font-size:1.15rem;line-height:1}.theme-toggle:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}