@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=JetBrains+Mono:wght@400;500&family=Lora:ital,wght@0,400;0,500;1,400&display=swap";:root{--bg: #07070f;--surface: #0e0e1c;--surface-2: #141428;--border: #1a1a32;--border-glow: rgba(139, 92, 246, .35);--text: #edeaf8;--text-muted: #6a6a96;--accent: #8b5cf6;--accent-light: #a78bfa;--accent-dim: #4c2a9e;--grad: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);--grad-text: linear-gradient(90deg, #a78bfa 0%, #e879f9 100%);--glow-sm: 0 0 20px rgba(139, 92, 246, .2);--glow-md: 0 0 40px rgba(139, 92, 246, .3);--code-bg: #09091a;--font-display: "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--max-width: 760px;--nav-height: 64px;--radius: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg);background-image:radial-gradient(ellipse 90% 50% at 50% -5%,rgba(124,58,237,.22) 0%,transparent 65%);color:var(--text);font-family:var(--font-body);font-size:1.05rem;line-height:1.75;min-height:100vh;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(139,92,246,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}nav,main,footer{position:relative;z-index:1}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}nav{position:sticky;top:0;z-index:100;height:var(--nav-height);border-bottom:1px solid var(--border);background:#07070fd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center}nav .container{width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.nav-logo-avatar-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;padding:2px;background:var(--grad);box-shadow:0 0 14px #8b5cf68c;flex-shrink:0}.nav-logo-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;display:block;background:var(--bg)}.nav-logo-text{font-family:var(--font-display);font-size:1.2rem;font-weight:900;letter-spacing:-.5px;line-height:1}.nav-logo-name{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo-dev{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-muted);text-decoration:none;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--accent-light)}main{padding:3rem 0 5rem}.hero{padding:5.5rem 0 4rem;border-bottom:1px solid var(--border);margin-bottom:3.5rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:-80px;right:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.28) 0%,rgba(192,38,211,.12) 45%,transparent 70%);filter:blur(48px);pointer-events:none}.hero-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;display:inline-block}.hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.08;font-weight:900;color:var(--text);margin-bottom:1.25rem}.hero h1 .gradient-word{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.1rem;color:var(--text-muted);max-width:520px;line-height:1.7}.posts-grid{display:flex;flex-direction:column;gap:.6rem}.post-card{display:block;padding:1.75rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:transparent;text-decoration:none;color:inherit;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.post-card:hover{background:var(--surface);border-color:var(--border-glow);box-shadow:0 0 0 1px #8b5cf614,0 8px 32px #7c3aed1f;transform:translateY(-2px)}.post-card:hover .post-title{color:var(--accent-light)}.post-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.post-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.08em}.post-tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);background:#8b5cf61f;border:1px solid rgba(139,92,246,.28);padding:.15rem .55rem;border-radius:20px}.post-title{font-family:var(--font-display);font-size:1.55rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;color:var(--text);transition:color .2s}.post-excerpt{color:var(--text-muted);font-size:.95rem;line-height:1.65}.post-header{padding:4rem 0 2.5rem;border-bottom:1px solid var(--border);margin-bottom:3rem}.post-header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.1;margin:.75rem 0 1rem}.post-content{font-size:1.05rem;line-height:1.85}.post-content h2{font-family:var(--font-display);font-size:1.65rem;margin:2.5rem 0 .75rem;color:var(--text)}.post-content h3{font-family:var(--font-display);font-size:1.25rem;margin:2rem 0 .5rem;color:var(--text)}.post-content p{margin-bottom:1.4rem}.post-content a{color:var(--accent-light);text-underline-offset:3px}.post-content ul,.post-content ol{margin:0 0 1.4rem 1.5rem}.post-content li{margin-bottom:.4rem}.post-content code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);border:1px solid var(--border);padding:.1em .35em;border-radius:4px;color:var(--accent-light)}.post-content pre{background:var(--code-bg);border:1px solid var(--border);border-left:3px solid var(--accent);box-shadow:var(--glow-sm);padding:1.25rem 1.5rem;border-radius:var(--radius);overflow-x:auto;margin-bottom:1.75rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.6}.post-content pre code{background:none;border:none;padding:0;color:var(--text)}.post-content img{max-width:100%;border-radius:var(--radius);margin:1.5rem 0}.btn{display:inline-block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:.7rem 1.6rem;border-radius:8px;border:none;background:var(--grad);color:#fff;cursor:pointer;text-decoration:none;box-shadow:0 4px 20px #7c3aed59;transition:box-shadow .2s ease,transform .15s ease,opacity .2s}.btn:hover{opacity:.88;box-shadow:0 8px 32px #7c3aed8c;transform:translateY(-2px);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border-glow);color:var(--accent-light);box-shadow:none}.btn-outline:hover{background:#8b5cf61a;box-shadow:var(--glow-sm);color:var(--accent-light);opacity:1}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;font-family:var(--font-body);font-size:1rem;border-radius:var(--radius);outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf626}.form-group textarea{min-height:150px;resize:vertical}footer{border-top:1px solid var(--border);padding:2rem 0;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--text-muted)}.loading{color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem;padding:3rem 0}.error{color:#f87171;font-family:var(--font-mono);font-size:.85rem;padding:1rem 0}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-glow),transparent);border:none;margin:3rem 0}.about-page{padding-top:3rem;max-width:680px}.about-hero{display:flex;align-items:flex-start;gap:2.5rem;margin-bottom:0}.about-avatar-wrap{flex-shrink:0;width:148px;height:148px;border-radius:50%;padding:3px;background:var(--grad);box-shadow:0 0 32px #8b5cf673}.about-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;display:block;background:var(--bg)}.about-intro{padding-top:.25rem}.about-name{font-family:var(--font-display);font-size:2.6rem;font-weight:900;line-height:1.1;margin:.5rem 0 .4rem;color:var(--text)}.about-role{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.about-bio{color:var(--text-muted);font-size:1rem;line-height:1.7;max-width:420px}.about-body{margin-top:0}.about-body h2{margin-top:2rem}@media (max-width: 600px){.nav-links{gap:1.25rem}.hero{padding:3.5rem 0 2.5rem}.hero:after{display:none}.post-card{padding:1.25rem 1rem}.nav-logo-text{font-size:1rem}.nav-logo-avatar-wrap{width:30px;height:30px}.about-hero{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.about-avatar-wrap{width:120px;height:120px}.about-bio{max-width:100%}.about-name{font-size:2rem}}