:root{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#f9f9f9;--text-primary:#333333;--text-secondary:#666666;--text-muted:#999999;--accent-primary:#0066cc;--accent-primary-hover:#0056b3;--border-color:#eeeeee;--border-accent:#0066cc;--shadow-color:rgba(0, 0, 0, 0.1);--code-bg:#f8f9fa;--table-stripe:#f9f9f9;--blockquote-bg:#f8f9fa}@media(prefers-color-scheme:dark){:root{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#333333;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-muted:#888888;--accent-primary:#4da6ff;--accent-primary-hover:#66b3ff;--border-color:#404040;--border-accent:#4da6ff;--shadow-color:rgba(0, 0, 0, 0.3);--code-bg:#2d2d2d;--table-stripe:#2a2a2a;--blockquote-bg:#2d2d2d}}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#f9f9f9;--text-primary:#333333;--text-secondary:#666666;--text-muted:#999999;--accent-primary:#0066cc;--accent-primary-hover:#0056b3;--border-color:#eeeeee;--border-accent:#0066cc;--shadow-color:rgba(0, 0, 0, 0.1);--code-bg:#f8f9fa;--table-stripe:#f9f9f9;--blockquote-bg:#f8f9fa}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#333333;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-muted:#888888;--accent-primary:#4da6ff;--accent-primary-hover:#66b3ff;--border-color:#404040;--border-accent:#4da6ff;--shadow-color:rgba(0, 0, 0, 0.3);--code-bg:#2d2d2d;--table-stripe:#2a2a2a;--blockquote-bg:#2d2d2d}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--bg-primary);padding:20px 0;box-shadow:0 2px 4px var(--shadow-color);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.site-title{font-size:3rem;font-weight:700;color:var(--accent-primary);text-decoration:none;margin-bottom:5px;display:block;transition:color .3s ease}.site-subtitle{font-size:1.2rem;color:var(--text-secondary);font-weight:400;margin-bottom:20px;transition:color .3s ease}nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:30px}nav a{color:var(--accent-primary);text-decoration:none;font-weight:500;padding:8px 0;border-bottom:2px solid transparent;transition:border-color .3s ease,color .3s ease}nav a:hover{border-bottom-color:var(--accent-primary);text-decoration:none}main{padding:20px 0;min-height:60vh}.content{margin-bottom:2rem}.content-body{padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:1rem;line-height:1.3;transition:color .3s ease}h1{font-size:2.5rem;color:var(--accent-primary)}h2{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem;transition:border-color .3s ease}h3{font-size:1.5rem}p{margin-bottom:1rem}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{text-decoration:underline;color:var(--accent-primary-hover)}ul,ol{margin-left:2rem;margin-bottom:1rem}li{margin-bottom:.5rem}.training-section{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.training-section h2{color:var(--accent-primary);margin-bottom:1rem}.training-section ol{margin-left:1.5rem}.training-section ol ol{margin-top:.5rem;margin-bottom:.5rem}.video-tutorials{margin:2rem 0}.video-tutorials h2{color:var(--accent-primary);margin-bottom:1.5rem;text-align:center}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0}.tutorial-item{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.tutorial-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-color)}.tutorial-item h3{color:var(--accent-primary);margin-bottom:1rem;font-size:1.2rem}.tutorial-item p{color:var(--text-secondary);font-size:.9rem;margin-top:1rem}.tutorial-link{margin-top:1.5rem;text-align:center}.tutorial-button{display:inline-block;background:var(--accent-primary);color:#fff;padding:.75rem 1.5rem;border-radius:5px;text-decoration:none;font-weight:500;transition:background-color .3s ease,transform .2s ease}.tutorial-button:hover{background:var(--accent-secondary);transform:translateY(-2px);text-decoration:none}.tutorial-content{margin-top:1rem}.tutorial-content p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.tutorial-content ul,.tutorial-content ol{margin-left:1.5rem;color:var(--text-secondary);font-size:.9rem}.tutorial-content li{margin-bottom:.5rem}.video-embed{position:relative;width:100%;height:0;margin-bottom:1rem;overflow:hidden;border-radius:6px}.video-embed.aspect-16-9{padding-bottom:56.25%}.video-embed.aspect-4-3{padding-bottom:75%}.video-embed.aspect-21-9{padding-bottom:42.86%}.video-embed.aspect-1-1{padding-bottom:100%}.video-embed.size-small{max-width:480px;margin-left:auto;margin-right:auto}.video-embed.size-medium{max-width:720px;margin-left:auto;margin-right:auto}.video-embed.size-large{max-width:960px;margin-left:auto;margin-right:auto}.video-embed.size-full{max-width:100%}.video-embed.custom-width{margin-left:auto;margin-right:auto}.video-embed[data-max-width="300px"]{max-width:300px}.video-embed[data-max-width="400px"]{max-width:400px}.video-embed[data-max-width="500px"]{max-width:500px}.video-embed[data-max-width="600px"]{max-width:600px}.video-embed[data-max-width="700px"]{max-width:700px}.video-embed[data-max-width="800px"]{max-width:800px}.video-embed[data-max-width="900px"]{max-width:900px}.video-embed[data-max-width="1000px"]{max-width:1000px}.video-embed[data-max-width="1200px"]{max-width:1200px}.video-embed[data-max-width="50%"]{max-width:50%}.video-embed[data-max-width="75%"]{max-width:75%}.video-embed[data-max-width="90%"]{max-width:90%}@media(max-width:768px){.video-embed.size-small,.video-embed.size-medium,.video-embed.size-large{max-width:100%;margin-left:0;margin-right:0}}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}article{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}article:last-child{border-bottom:none}article h3{margin-bottom:.5rem}article h3 a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}article h3 a:hover{color:var(--accent-primary);text-decoration:underline}code{background-color:var(--code-bg);padding:2px 6px;border-radius:3px;font-family:monaco,menlo,ubuntu mono,monospace;font-size:.9em;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}pre{background-color:var(--code-bg);padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0;transition:background-color .3s ease}pre code{background:0 0;padding:0}blockquote{border-left:4px solid var(--accent-primary);margin:1.5rem 0;padding:.5rem 0 .5rem 1rem;background-color:var(--blockquote-bg);font-style:italic;transition:background-color .3s ease,border-color .3s ease}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{border:1px solid var(--border-color);padding:.75rem;text-align:left;transition:border-color .3s ease}th{background-color:var(--bg-secondary);font-weight:700;transition:background-color .3s ease}tr:nth-child(even){background-color:var(--table-stripe);transition:background-color .3s ease}.recent-posts{margin:3rem 0 2rem;padding:2rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.recent-posts h2{color:var(--accent-primary);margin-bottom:1.5rem}.recent-posts article{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.recent-posts article:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.recent-posts h3{margin-bottom:.5rem}.recent-posts h3 a{color:var(--accent-primary);text-decoration:none}.recent-posts h3 a:hover{color:var(--accent-primary-hover);text-decoration:underline}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--accent-primary);color:var(--bg-primary);text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .3s ease,color .3s ease}.btn:hover{background-color:var(--accent-primary-hover);color:var(--bg-primary);text-decoration:none}.btn-secondary{background-color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--text-muted)}footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:40px 0;text-align:center;color:var(--text-secondary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.footer-links a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}.footer-links nav a:hover{text-decoration:none;border-bottom-color:var(--accent-primary);color:var(--accent-primary-hover)}.footer-links a:not(nav a):hover{text-decoration:underline;color:var(--accent-primary-hover)}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color)}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--shadow-color)}.theme-toggle svg{width:24px;height:24px;color:var(--accent-primary);transition:color .3s ease}.theme-toggle .sun-icon,.theme-toggle .moon-icon{display:none}[data-theme=light] .theme-toggle .moon-icon{display:block}[data-theme=dark] .theme-toggle .sun-icon{display:block}@media(max-width:768px){.site-title{font-size:2.5rem}nav ul{flex-direction:column;gap:10px}.container{padding:0 15px}.theme-toggle{top:15px;right:15px;width:45px;height:45px}.theme-toggle svg{width:20px;height:20px}.tutorial-grid{grid-template-columns:1fr;gap:1.5rem}.tutorial-item{padding:1rem}.training-section{padding:1rem}.recent-posts{padding:1.5rem}}