@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-deep: #0a0a14;--bg-card: #12111f;--bg-card-hover: #1a1830;--bg-surface: #16142a;--neon-purple: #c084fc;--neon-purple-dim: #a855f7;--neon-purple-bright: #d8b4fe;--neon-teal: #2dd4bf;--neon-teal-dim: #14b8a6;--neon-teal-bright: #5eead4;--text-primary: #e8e8f0;--text-secondary: #888899;--text-muted: #555566;--text-faint: #333344;--border-subtle: rgba(255, 255, 255, .04);--border-glow-purple: rgba(192, 132, 252, .2);--border-glow-teal: rgba(45, 212, 191, .2);--font-display: "Orbitron", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--glow-purple: 0 0 20px rgba(192, 132, 252, .3), 0 0 40px rgba(192, 132, 252, .1);--glow-teal: 0 0 20px rgba(45, 212, 191, .3), 0 0 40px rgba(45, 212, 191, .1);--glow-purple-text: 0 0 10px rgba(192, 132, 252, .5), 0 0 30px rgba(192, 132, 252, .2);--glow-teal-text: 0 0 10px rgba(45, 212, 191, .5), 0 0 30px rgba(45, 212, 191, .2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#c084fc33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c084fc66}::selection{background:#c084fc4d;color:var(--text-primary)}a{color:var(--neon-purple);text-decoration:none;transition:all .3s ease}a:hover{color:var(--neon-purple-bright);text-shadow:var(--glow-purple-text)}.container{max-width:1100px;margin:0 auto;padding:0 24px;width:100%}.section{min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 24px;position:relative}.section-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;text-align:center;margin-bottom:16px}.section-title.purple{color:var(--neon-purple);text-shadow:var(--glow-purple-text)}.section-title.teal{color:var(--neon-teal);text-shadow:var(--glow-teal-text)}.section-subtitle{color:var(--text-secondary);text-align:center;font-size:1rem;max-width:600px;margin:0 auto 60px}.glow-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-deep) 100%);border:1px solid var(--border-glow-purple);border-radius:16px;padding:32px;position:relative;overflow:hidden;transition:all .3s ease}.glow-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--neon-purple),transparent);opacity:.5}.glow-card:hover{border-color:#c084fc59;transform:translateY(-2px);background:linear-gradient(135deg,var(--bg-card-hover) 0%,var(--bg-card) 100%)}.glow-card.teal{border-color:var(--border-glow-teal)}.glow-card.teal:before{background:linear-gradient(90deg,transparent,var(--neon-teal),transparent)}.glow-card.teal:hover{border-color:#2dd4bf59}.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.tag.purple{color:var(--neon-purple);border:1px solid rgba(192,132,252,.25);background:#c084fc0f}.tag.teal{color:var(--neon-teal);border:1px solid rgba(45,212,191,.25);background:#2dd4bf0f}.btn-primary{font-family:var(--font-display);font-size:.8rem;font-weight:700;padding:14px 32px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--neon-purple),#7c3aed);color:#fff;cursor:pointer;box-shadow:var(--glow-purple);letter-spacing:.05em;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #c084fc66,0 0 60px #c084fc26;color:#fff}.btn-ghost{font-family:var(--font-display);font-size:.8rem;font-weight:700;padding:14px 32px;border-radius:8px;border:1px solid rgba(45,212,191,.3);background:transparent;color:var(--neon-teal);cursor:pointer;letter-spacing:.05em;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:var(--neon-teal);background:#2dd4bf0d;box-shadow:var(--glow-teal);color:var(--neon-teal)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:linear-gradient(180deg,#0a0a14f2,#0a0a1400);backdrop-filter:blur(12px)}.nav-logo{font-family:var(--font-display);font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--neon-purple),var(--neon-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-badge{font-size:.65rem;color:var(--neon-teal);border:1px solid rgba(45,212,191,.3);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);margin-left:6px}.nav-links{display:flex;gap:24px;list-style:none}.nav-links a{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:all .3s}.nav-links a:hover{color:var(--neon-purple);text-shadow:var(--glow-purple-text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes glowPulse{0%,to{box-shadow:var(--glow-purple)}50%{box-shadow:0 0 30px #c084fc80,0 0 60px #c084fc33}}.animate-in{opacity:0;animation:fadeInUp .6s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.delay-5{animation-delay:1s}.delay-6{animation-delay:1.2s}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;z-index:120}.nav-hamburger span{display:block;width:100%;height:2px;background:var(--neon-purple);border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-mobile-overlay{display:none;position:fixed;inset:0;z-index:110;background:#0a0a14f7;backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:32px}.nav-mobile-overlay.active{display:flex}.nav-mobile-overlay a{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.15em;transition:all .3s}.nav-mobile-overlay a:hover{color:var(--neon-purple);text-shadow:var(--glow-purple-text)}.blog-post{max-width:740px;margin:0 auto;padding:120px 24px 80px;position:relative;z-index:1}.blog-post-header{margin-bottom:48px}.blog-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-decoration:none;margin-bottom:32px;transition:color .3s}.blog-back:hover{color:var(--neon-purple)}.blog-meta{display:flex;gap:16px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:16px}.blog-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;color:var(--neon-purple);text-shadow:var(--glow-purple-text);line-height:1.3;margin-bottom:16px}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.prose{color:var(--text-secondary);font-size:1rem;line-height:1.85}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-primary);font-family:var(--font-body);font-weight:600;margin:2em 0 .8em;line-height:1.3}.prose h1{font-size:1.8rem}.prose h2{font-size:1.4rem;color:var(--neon-purple)}.prose h3{font-size:1.15rem;color:var(--neon-teal)}.prose p{margin-bottom:1.2em}.prose a{color:var(--neon-purple);text-decoration:underline;text-decoration-color:#c084fc4d;text-underline-offset:3px;transition:all .3s}.prose a:hover{text-decoration-color:var(--neon-purple);text-shadow:var(--glow-purple-text)}.prose strong{color:var(--text-primary);font-weight:600}.prose em{color:var(--neon-teal);font-style:italic}.prose blockquote{border-left:3px solid var(--neon-purple);padding:12px 20px;margin:1.5em 0;background:#c084fc0a;border-radius:0 8px 8px 0;color:var(--text-secondary);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.85em;background:#c084fc1a;color:var(--neon-purple-bright);padding:2px 6px;border-radius:4px}.prose pre{background:var(--bg-card);border:1px solid var(--border-glow-purple);border-radius:12px;padding:20px 24px;margin:1.5em 0;overflow-x:auto}.prose pre code{background:none;padding:0;font-size:.85rem;color:var(--text-secondary)}.prose ul,.prose ol{margin:1em 0;padding-left:1.5em}.prose li{margin-bottom:.5em}.prose li::marker{color:var(--neon-teal)}.prose img{max-width:100%;border-radius:12px;border:1px solid var(--border-subtle);margin:1.5em 0}.prose hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--neon-purple),transparent);margin:2.5em 0}.subscribe-input-wrap{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border-glow-purple);background:var(--bg-card);transition:border-color .3s}.subscribe-input-wrap:focus-within{border-color:var(--neon-purple);box-shadow:0 0 20px #c084fc26}.subscribe-input{flex:1;padding:14px 20px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;outline:none;min-width:0}.subscribe-input::placeholder{color:var(--text-muted)}.subscribe-btn{padding:14px 28px;background:linear-gradient(135deg,var(--neon-purple),#7c3aed);color:#fff;border:none;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .3s;white-space:nowrap}.subscribe-btn:hover{background:linear-gradient(135deg,var(--neon-purple-bright),var(--neon-purple));box-shadow:0 0 20px #c084fc4d}.subscribe-btn:disabled{opacity:.6;cursor:not-allowed}.subscribe-msg{font-family:var(--font-mono);font-size:.75rem;margin-top:12px;min-height:1.2em}.subscribe-msg.success{color:var(--neon-teal)}.subscribe-msg.error{color:#f87171}.gallery-filter{font-family:var(--font-mono);font-size:.7rem;padding:6px 14px;border-radius:20px;border:1px solid rgba(192,132,252,.2);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .3s;white-space:nowrap}.gallery-filter:hover{border-color:#c084fc66;color:var(--neon-purple)}.gallery-filter.active{background:#c084fc26;border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 12px #c084fc33}.gallery-item-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:12px}.gallery-item:hover .gallery-item-overlay,.gallery-preview-item:hover .gallery-item-overlay{opacity:1}.gallery-item:hover img,.gallery-preview-item:hover img{transform:scale(1.05)}.gallery-preview-item:hover{border-color:#2dd4bf4d!important;transform:translateY(-2px)}.about-layout{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}.about-photo{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.about-bio{flex:1;min-width:280px}@media(max-width:768px){.nav-links{display:none}.nav-hamburger{display:flex}.section{padding:80px 16px}.glow-card{padding:24px}.container{padding:0 16px}.about-layout{flex-direction:column;align-items:center;text-align:center;gap:20px}.about-photo{width:100px;height:100px}.about-bio{min-width:0;width:100%}.about-bio p{font-size:.85rem!important;line-height:1.7!important}.about-bio .tag-row{justify-content:center}.about-card{padding:24px 20px!important}.subscribe-input-wrap{flex-direction:column;border-radius:10px}.subscribe-btn{padding:14px;border-radius:0 0 9px 9px}}body:after{content:"";position:fixed;inset:0;z-index:0;opacity:.025;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}