.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--navbar-height)}.hero{margin:var(--spacing-xl) auto var(--spacing-lg);max-width:var(--content-width);padding:0}.hero-content{text-align:left;padding:var(--spacing-md)}.hero h1{font-family:var(--font-wide);font-weight:var(--font-weight-bold);font-size:3rem;margin:var(--spacing-md) 0;color:var(--color-text-bright);letter-spacing:-.02em;line-height:1.1;position:relative}.hero h1:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:var(--color-primary);border-radius:2px}.hero p{font-family:var(--font-sans);font-weight:var(--font-weight-regular);min-width:100%;font-size:1.1rem;max-width:600px;margin-top:var(--spacing-md)}.blog-posts{padding-bottom:var(--spacing-xl)}.blog-posts .container{padding:0}.loading-state,.error-state{text-align:center;padding:var(--spacing-xl) 0}.loader{width:48px;height:48px;border:4px solid var(--term-border);border-top-color:var(--color-primary);border-radius:50%;margin:var(--spacing-lg) auto;animation:spin 1s linear infinite}.error-state button{background:var(--color-surface);color:var(--color-text-bright);border:1px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-weight:var(--font-weight-regular);font-size:.9rem;cursor:pointer;margin-top:var(--spacing-md);transition:var(--transition-fast)}.error-state button:hover{background:var(--color-primary);color:var(--color-background)}.terminal-box{position:relative}.terminal-box:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:30px;background:#ffffff0d;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);border-bottom:1px solid var(--term-border);z-index:0}.terminal-header{position:relative;z-index:1;display:flex;align-items:center;height:30px;padding:0 var(--spacing-sm)}.terminal-title{font-family:var(--font-mono);font-weight:var(--font-weight-regular);font-size:.8rem;color:var(--color-text-dim);margin:0 auto}.terminal-content{padding:var(--spacing-md)}.command-line{font-family:var(--font-mono);font-weight:var(--font-weight-regular);margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.terminal-controls{display:flex;gap:6px;margin-right:var(--spacing-sm)}.terminal-control{width:12px;height:12px;border-radius:50%}.control-close{background-color:var(--block-red)}.control-minimize{background-color:var(--block-yellow)}.control-maximize{background-color:var(--block-green)}.command-input{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding-top:1rem}.command{color:var(--color-text-bright);font-family:var(--font-mono);font-weight:var(--font-weight-regular)}.command-icon{margin-left:6px;color:var(--color-primary);font-size:.9rem}.cursor{display:inline-block;width:8px;height:16px;background:var(--color-primary);margin-left:4px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.text-gradient{background:linear-gradient(90deg,var(--block-green) 0%,var(--block-blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glow-on-hover{position:relative;transition:var(--transition-normal)}.glow-on-hover:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:radial-gradient(circle,#00c24433,#0000 70%);z-index:-1;opacity:0;transition:var(--transition-normal);border-radius:var(--border-radius-lg)}.glow-on-hover:hover:after{opacity:1}.blog-post-loading-placeholder{min-height:800px;width:100%}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.post-content-placeholder{width:100%;padding:var(--spacing-md) 0}.post-header-placeholder{margin-bottom:var(--spacing-lg)}.post-title-placeholder{height:48px;width:80%;background:linear-gradient(to right,#ffffff0d 8%,#ffffff1a 18%,#ffffff0d 33%);background-size:800px 104px;border-radius:var(--border-radius-sm);animation:shimmer 1.5s linear infinite forwards;margin-bottom:var(--spacing-md)}.post-subtitle-placeholder{height:24px;width:60%;background:linear-gradient(to right,#ffffff0d 8%,#ffffff1a 18%,#ffffff0d 33%);background-size:800px 104px;border-radius:var(--border-radius-sm);animation:shimmer 1.5s linear infinite forwards;margin-bottom:var(--spacing-md)}.post-meta-placeholder{height:16px;width:40%;background:linear-gradient(to right,#ffffff0d 8%,#ffffff1a 18%,#ffffff0d 33%);background-size:800px 104px;border-radius:var(--border-radius-sm);animation:shimmer 1.5s linear infinite forwards}.post-body-placeholder{margin-top:var(--spacing-xl)}.post-paragraph-placeholder{height:16px;width:100%;background:linear-gradient(to right,#ffffff0d 8%,#ffffff1a 18%,#ffffff0d 33%);background-size:800px 104px;border-radius:var(--border-radius-sm);animation:shimmer 1.5s linear infinite forwards;margin-bottom:var(--spacing-md)}.post-paragraph-placeholder:nth-child(2){width:95%}.post-paragraph-placeholder:nth-child(3){width:90%}@media (max-width: 768px){.hero{margin:var(--spacing-lg) auto}.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.blog-post-loading-placeholder{min-height:600px}}