:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--card-bg-1: #252836;--card-bg-2: #1d3140;--card-bg-3: #2b3440;--card-bg-4: #3d2a4e;--text-primary: #ffffff;--text-secondary: #cccccc;--accent: #A5A7B3;--footer-bg: #1E1E1E;--footer-border: #2d2d35;--footer-text: #A5A7B3;--footer-heading: #E3E6EE;--social-hover: #ffffff;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--content-max-width: 1200px;--article-max-width: 800px}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none;transition:color .3s ease,transform .2s ease}a:hover{color:var(--text-primary)}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-sm)}header{background-color:var(--bg-secondary);padding:var(--space-sm) 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}header .container{display:flex;justify-content:space-between;align-items:center}.logo a{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.header-logo{height:50px;width:auto;transition:filter .3s ease}.header-logo:hover{filter:brightness(.8)}.nav-links{display:flex;list-style:none;gap:var(--space-md)}.nav-links a{color:var(--text-secondary);font-weight:500}.nav-links a:hover{color:var(--text-primary)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;width:30px;height:24px;position:relative;z-index:10}.mobile-menu-toggle span{display:block;width:100%;height:2px;background-color:var(--text-primary);margin:5px 0;transition:all .3s ease}main{padding:var(--space-lg) 0}.content-wrapper{display:grid;grid-template-columns:1fr 300px;gap:var(--space-lg)}.post-meta i.material-icons{vertical-align:middle;font-size:1.1rem;margin-right:4px;color:var(--accent)}.post{max-width:var(--article-max-width)}.cover-image{margin-top:var(--space-lg);margin-bottom:var(--space-md);border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000004d}.post-title{font-size:2.5rem;margin-bottom:var(--space-md);line-height:1.2;font-weight:700}.post-meta{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--text-secondary);font-size:.9rem}.post-meta span{position:relative}.post-meta span:not(:last-child):after{content:"•";display:inline-block;margin-left:var(--space-sm)}.post-content{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.post-content h2{margin:var(--space-lg) 0 var(--space-md);color:var(--text-primary);font-weight:600;font-size:1.8rem;position:relative;padding-bottom:8px}.post-content h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--accent)}.post-content p{margin-bottom:var(--space-md)}.post-content img{margin:var(--space-lg) 0;border-radius:8px;box-shadow:0 5px 15px #0003}pre{background-color:var(--bg-secondary);padding:var(--space-sm);border-radius:8px;overflow-x:auto;margin:var(--space-md) 0;font-size:.95rem;line-height:1.5}code{font-family:Fira Code,monospace;font-size:.95rem}.other-articles{background-color:var(--bg-secondary);padding:var(--space-md);border-radius:8px;box-shadow:0 5px 15px #0003;align-self:start;position:sticky;top:calc(70px + var(--space-lg))}.other-articles h2{margin-bottom:var(--space-md);font-size:1.5rem;position:relative;padding-bottom:var(--space-xs);font-weight:600}.other-articles h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--accent)}.articles-list{display:flex;flex-direction:column;gap:var(--space-md)}.article-card{display:block;padding:var(--space-sm);border-radius:4px;background-color:#ffffff0d;transition:all .3s ease}.article-card:hover{background-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.article-card h3{font-size:1.1rem;margin-bottom:var(--space-xs);color:var(--text-primary)}.article-card .read-time{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.article-card .read-time i.material-icons{font-size:.9rem;vertical-align:middle}footer{background-color:var(--footer-bg);border-top:1px solid var(--footer-border);padding:var(--space-xl) 0 var(--space-md);margin-top:var(--space-xl);color:var(--footer-text);font-size:.9rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-logo img{height:60px;width:auto;margin-bottom:var(--space-sm);filter:brightness(.9)}.footer-description{line-height:1.6;max-width:80%}.footer-links h3,.footer-connect h3{font-size:1.1rem;font-weight:600;color:var(--footer-heading);margin-bottom:var(--space-md);position:relative;padding-bottom:8px}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{color:var(--footer-text);transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.social-icons{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.social-icons a{display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--footer-text)}.social-icons a:hover{color:#6b6c75}.social-icons svg{width:18px;height:18px}.footer-email{color:var(--footer-text);transition:color .2s}.footer-bottom{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--footer-border);text-align:center}@media (max-width: 900px){.content-wrapper{grid-template-columns:1fr}.post{max-width:100%}.other-articles{margin-top:var(--space-lg);position:static}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.footer-brand{grid-column:1 / -1}}@media (max-width: 768px){.mobile-menu-toggle{display:block}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:var(--bg-secondary);flex-direction:column;padding:var(--space-xl) var(--space-md);transition:right .3s ease;box-shadow:-5px 0 15px #0003}.nav-links.active{right:0}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.footer-grid{grid-template-columns:1fr;gap:var(--space-md)}}@media (max-width: 480px){.nav-links{width:100%}.post-title{font-size:2rem}.post-meta{flex-direction:column;gap:var(--space-xs)}.post-meta span:not(:last-child):after{display:none}}