: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)}}body.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)}body.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){body:not(.dark-theme) .theme-toggle .sun-icon{display:block}body:not(.dark-theme) .theme-toggle .moon-icon{display:none}body:not(.dark-theme) .logo img{filter:invert(1) brightness(.2)}}body.light-theme .theme-toggle .sun-icon{display:block}body.light-theme .theme-toggle .moon-icon{display:none}body.light-theme .logo img{filter:invert(1) brightness(.2)}.theme-light-only{display:block}.theme-dark-only{display:none!important}body.light-theme .theme-light-only{display:block}body.light-theme .theme-dark-only,body.dark-theme .theme-light-only{display:none!important}body.dark-theme .theme-dark-only{display:block!important}@media(prefers-color-scheme:dark){body:not(.light-theme) .theme-light-only{display:none!important}body:not(.light-theme) .theme-dark-only{display:block!important}}body.dark-theme .theme-toggle .sun-icon{display:none}body.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}}.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{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}
