:root{--bg-dark: #0f172a;--bg-light: #f8fafc;--sidebar-bg: #1e1b4b;--accent-primary: #818cf8;--accent-secondary: #c084fc;--accent-tertiary: #f472b6;--text-main: #334155;--text-light: #f1f5f9;--text-muted: #94a3b8;--font-display: 'Space Grotesk', sans-serif;--font-body: 'Inter', sans-serif;--sidebar-width: 320px;--content-max-width: 800px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--bg-light);color:var(--text-main);overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;margin-top:2rem}a{text-decoration:none;color:inherit;transition:all 0.2s ease}.app-layout{display:flex;min-height:100vh;position:relative;z-index:1}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);z-index:-1;opacity:0.6}.orb-1{width:500px;height:500px;background:var(--accent-primary);top:-100px;right:-100px;animation:float 10s infinite ease-in-out}.orb-2{width:400px;height:400px;background:var(--accent-tertiary);bottom:0;left:300px;animation:float 14s infinite ease-in-out reverse}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(20px)}}.sidebar{width:var(--sidebar-width);height:100vh;position:sticky;top:0;background:var(--sidebar-bg);background:linear-gradient(180deg, var(--sidebar-bg) 0%, #000 100%);color:white;padding:3rem 2rem;display:flex;flex-direction:column;box-shadow:5px 0 25px rgba(0,0,0,0.2);z-index:10;overflow-y:auto}.sidebar-content{height:100%;display:flex;flex-direction:column}.profile-section{text-align:center;margin-bottom:3rem}.avatar-container{position:relative;width:150px;margin:0 auto 1.5rem}.avatar{width:100%;height:100%;border-radius:24px;border:4px solid rgba(255,255,255,0.1);box-shadow:0 0 30px rgba(129,140,248,0.3);transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar:hover{transform:scale(1.05) rotate(2deg);border-color:var(--accent-primary)}.status-indicator{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;background:#22c55e;border:3px solid var(--sidebar-bg);border-radius:50%}.site-title a{font-size:2rem;background:linear-gradient(to right, #fff, #94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-title a:hover{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-tagline{color:var(--accent-primary);font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.site-bio{color:var(--text-muted);font-size:0.95rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.main-nav{display:flex;flex-direction:column;gap:1rem;margin-bottom:auto}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);font-weight:500;transition:all 0.3s ease}.nav-item .icon{font-size:1.2rem}.nav-item:hover{background:rgba(129,140,248,0.1);border-color:var(--accent-primary);transform:translateX(5px);color:white}.social-footer{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.social-footer .social-btn{text-align:center;padding:0.75rem;background:rgba(255,255,255,0.05);border-radius:8px;font-size:0.9rem;font-weight:600;display:flex;justify-content:center;align-items:center}.social-footer .social-btn:hover{background:white;color:var(--sidebar-bg)}.main-content{flex:1;padding:4rem;display:flex;flex-direction:column;min-width:0}.content-wrapper{max-width:var(--content-max-width);margin:0 auto;width:100%}.post-list{list-style:none;padding:0;display:grid;gap:2.5rem}.post-list li{position:relative;background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,0.8);box-shadow:0 4px 6px rgba(0,0,0,0.02);transition:transform 0.3s ease, box-shadow 0.3s ease}.post-list li::after{content:'';position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg, var(--accent-primary), transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0.5}.post-list li:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px rgba(129,140,248,0.15);background:white}.post-list li:hover h3 a{color:var(--accent-primary)}.post-list li h3{font-size:1.75rem;margin-bottom:0.5rem}.post-meta{color:var(--accent-primary);font-weight:700;text-transform:uppercase;font-size:0.8rem;letter-spacing:1.5px}article.post{background:white;padding:3rem;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,0.05)}article.post header{text-align:center;padding-bottom:2rem;border-bottom:1px solid #f1f5f9;margin-bottom:2rem}article.post header h1{font-size:3rem;background:linear-gradient(135deg, #1e1b4b 0%, #4f46e5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}article.post .post-content{font-size:1.1rem;line-height:1.8;color:#475569}.site-footer{text-align:center;margin-top:auto;padding-top:3rem;color:var(--text-muted)}.site-footer .social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.site-footer .social-links a{color:var(--text-muted);transition:color 0.3s ease}.site-footer .social-links a:hover{color:var(--accent-primary)}@media (max-width: 900px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;padding:2rem}.sidebar-content{align-items:center}.profile-section{margin-bottom:1.5rem}.avatar{width:100px;height:100px}.main-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.main-content{padding:2rem 1.5rem}}pre,code{font-family:'Fira Code', 'Roboto Mono', monospace;font-size:0.9em}p>code,li>code{background:rgba(129,140,248,0.1);color:#4f46e5;padding:0.2rem 0.4rem;border-radius:4px;font-weight:600}div.highlight{background:#111111;color:#4ade80;padding:1.5rem;border-radius:12px;margin:2rem 0;overflow-x:auto;border:1px solid #333;box-shadow:inset 0 2px 10px rgba(0,0,0,0.5);position:relative}div.highlight::before{content:'TERMINAL';display:block;font-size:0.7rem;color:#666;border-bottom:1px solid #333;padding-bottom:0.5rem;margin-bottom:1rem;letter-spacing:1px;font-weight:700}div.highlight pre{margin:0;background:transparent;border:none;padding:0;overflow-x:visible}div.highlight code{background:transparent;color:inherit;padding:0;white-space:pre}div.highlight::-webkit-scrollbar{height:8px}div.highlight::-webkit-scrollbar-track{background:#1a1a1a;border-radius:0 0 12px 12px}div.highlight::-webkit-scrollbar-thumb{background:#333;border-radius:4px}div.highlight::-webkit-scrollbar-thumb:hover{background:#444}