:root{--bg-color: #0B1120;--bg-secondary: #0F172A;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-inverse: #0F172A;--accent-primary: #38bdf8;--accent-glow: rgba(56, 189, 248, .4);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--navbar-bg: rgba(11, 17, 32, .9);--hero-glow-gradient: radial-gradient(circle, rgba(14, 165, 233, .15) 0%, rgba(0, 0, 0, 0) 70%);--logo-gradient: linear-gradient(135deg, #fff 0%, #94A3B8 100%);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-card: 0 20px 25px -5px rgba(0, 0, 0, .3);--max-width: 1200px;--font-family: "Outfit", sans-serif}@media(prefers-color-scheme:light){:root{--bg-color: #F8FAFC;--bg-secondary: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-inverse: #FFFFFF;--accent-primary: #0284c7;--accent-glow: rgba(2, 132, 199, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(203, 213, 225, .6);--navbar-bg: rgba(255, 255, 255, .9);--hero-glow-gradient: radial-gradient(circle, rgba(14, 165, 233, .1) 0%, rgba(0, 0, 0, 0) 70%);--logo-gradient: linear-gradient(135deg, #0F172A 0%, #475569 100%);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)}}html.light-theme{--bg-color: #F8FAFC;--bg-secondary: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-inverse: #FFFFFF;--accent-primary: #0284c7;--accent-glow: rgba(2, 132, 199, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(203, 213, 225, .6);--navbar-bg: rgba(255, 255, 255, .9);--hero-glow-gradient: radial-gradient(circle, rgba(14, 165, 233, .1) 0%, rgba(0, 0, 0, 0) 70%);--logo-gradient: linear-gradient(135deg, #0F172A 0%, #475569 100%);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)}html.dark-theme{--bg-color: #0B1120;--bg-secondary: #0F172A;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-inverse: #0F172A;--accent-primary: #38bdf8;--accent-glow: rgba(56, 189, 248, .4);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--navbar-bg: rgba(11, 17, 32, .9);--hero-glow-gradient: radial-gradient(circle, rgba(14, 165, 233, .15) 0%, rgba(0, 0, 0, 0) 70%);--logo-gradient: linear-gradient(135deg, #fff 0%, #94A3B8 100%);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-card: 0 20px 25px -5px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit;transition:color .3s ease}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;width:100%;background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--glass-border);padding:1rem 0;transition:background-color .3s ease,border-color .3s ease}.navbar-content{display:flex;justify-content:space-between;align-items:center}.nav-actions{display:flex;align-items:center;gap:1.5rem}.theme-toggle{background:transparent;border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s ease}.theme-toggle:hover{background:var(--glass-bg);color:var(--accent-primary)}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon{display:block}@media(prefers-color-scheme:light){html:not(.dark-theme) .theme-toggle .sun-icon{display:block}html:not(.dark-theme) .theme-toggle .moon-icon{display:none}html:not(.dark-theme) .logo img{filter:invert(1) brightness(.2)}}html.light-theme .theme-toggle .sun-icon{display:block}html.light-theme .theme-toggle .moon-icon{display:none}html.light-theme .logo img{filter:invert(1) brightness(.2)}.theme-light-only{display:block}.theme-dark-only{display:none!important}html.light-theme .theme-light-only{display:block}html.light-theme .theme-dark-only,html.dark-theme .theme-light-only{display:none!important}html.dark-theme .theme-dark-only{display:block!important}@media(prefers-color-scheme:dark){html:not(.light-theme) .theme-light-only{display:none!important}html:not(.light-theme) .theme-dark-only{display:block!important}}html.dark-theme .theme-toggle .sun-icon{display:none}html.dark-theme .theme-toggle .moon-icon{display:block}.logo{font-weight:700;font-size:1.5rem;background:var(--logo-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo img{height:2rem;width:auto;background:none;-webkit-text-fill-color:initial}.nav-links{display:none}@media(min-width:768px){.nav-links{display:flex;gap:2rem;margin-left:auto;margin-right:2rem}}.nav-links a{color:var(--text-secondary);font-weight:500}.nav-links a:hover{color:var(--text-primary)}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(90deg,#0ea5e9,#38bdf8);color:#fff;box-shadow:0 4px 14px #0ea5e963}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e980}.btn-large{font-size:1.125rem;padding:1rem 2rem}.hero{padding:8rem 0 4rem;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:600px;height:600px;background:var(--hero-glow-gradient);pointer-events:none;transition:background .3s ease}.hero-content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:992px){.hero-content{grid-template-columns:1fr 1fr}}.hero-text h1{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;font-weight:700;color:var(--text-primary)}.hero-text .subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.hero-visual{position:relative;perspective:1000px}.glass-frame{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-lg);transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.hero-visual:hover .glass-frame{transform:rotateY(0) rotateX(0)}.glass-frame img{width:100%;height:auto;border-radius:8px;display:block}.section{scroll-margin-top:100px;padding:5rem 0}.section-title{text-align:center;font-size:2.25rem;margin-bottom:4rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--bg-secondary);border:1px solid var(--glass-border);padding:2rem;border-radius:16px;transition:transform .3s ease,border-color .3s ease,background-color .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.icon-box{font-size:2rem;margin-bottom:1rem;color:var(--accent-primary)}.feature-card h3{margin-bottom:1rem;font-size:1.25rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary)}.split-content{display:flex;flex-direction:column;gap:3rem;align-items:center;margin-bottom:5rem}@media(min-width:992px){.split-content{flex-direction:row}.split-content.reverse{flex-direction:row-reverse}}.text-block{flex:1}.text-block h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text-primary)}.text-block p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.image-block{flex:1}.feature-img{width:100%;border-radius:12px;box-shadow:var(--shadow-card);border:1px solid var(--glass-border)}.benefit-list{list-style:none;margin-bottom:1.5rem}.benefit-list li{margin-bottom:.5rem;display:flex;align-items:center;color:var(--text-secondary)}.benefit-list li:before{content:"✓";color:var(--accent-primary);margin-right:.75rem;font-weight:700}.footer{border-top:1px solid var(--glass-border);padding:4rem 0 2rem;background:var(--bg-secondary);margin-top:auto;transition:background-color .3s ease,border-color .3s ease}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.footer-col h4{margin-bottom:1.5rem;color:var(--text-primary)}.footer-col a{display:block;margin-bottom:.8rem;color:var(--text-secondary)}.footer-col a:hover{color:var(--accent-primary)}.markdown-body ul,.markdown-body ol{padding-left:1.5rem;margin-bottom:1.5rem}.markdown-body li{margin-bottom:.5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;padding-bottom:4rem}.blog-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit;box-shadow:var(--shadow-card)}.blog-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.blog-card-img-container{width:100%;height:200px;overflow:hidden;background-color:var(--bg-color)}.blog-card-img-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card-img-container img{transform:scale(1.05)}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blog-card-date{font-size:.85rem;color:var(--accent-primary);font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.blog-card-title{font-size:1.4rem;margin-bottom:1rem;color:var(--text-primary);line-height:1.3}.blog-card-excerpt{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem;flex-grow:1}.blog-card-read-more{font-weight:600;color:var(--accent-primary);display:inline-flex;align-items:center;gap:.5rem;margin-top:auto}.blog-card-read-more:after{content:"→";transition:transform .3s ease}.blog-card:hover .blog-card-read-more:after{transform:translate(4px)}.post-viewer{min-height:calc(100vh - 300px)}.back-link{display:inline-flex;align-items:center;color:var(--text-secondary);font-weight:600;margin-bottom:2rem;transition:color .3s ease}.back-link:hover{color:var(--accent-primary)}.post-meta{margin-bottom:2.5rem;border-bottom:1px solid var(--glass-border);padding-bottom:1.5rem}.post-meta-date{font-size:.9rem;color:var(--accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.5rem}.post-meta-title{font-size:2.5rem;color:var(--text-primary);line-height:1.2;font-weight:700}.blog-post-body{font-size:1.125rem;line-height:1.8}.blog-post-body h1{display:none}.blog-post-body h2{font-size:2rem;margin-top:3rem;margin-bottom:1.5rem;color:var(--text-primary)}.blog-post-body h3{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}.blog-post-body p{margin-bottom:1.5rem;color:var(--text-secondary)}.blog-post-body img{max-width:100%;height:auto;border-radius:12px;margin:2rem 0;box-shadow:var(--shadow-card);border:1px solid var(--glass-border)}.blog-post-body em{color:var(--text-primary);font-style:italic}.blog-post-body strong{color:var(--text-primary);font-weight:700}.mobile-menu-btn{display:block;background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;z-index:1001}@media(min-width:768px){.mobile-menu-btn{display:none}}.nav-links.mobile-active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem 2rem;border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-lg);gap:1.5rem;align-items:center}@media(max-width:767px){.nav-actions .btn-primary{display:none}}html{scroll-behavior:smooth}.section{scroll-margin-top:100px}