:root{--bg-color: #000000;--text-color: #ffffff;--card-bg: #1a0a2e;--border-color: rgba(0, 212, 255, .3);--accent: #00d4ff;--neon-purple: #7b2cbf;--neon-glow: 0 0 10px rgba(0, 212, 255, .5), 0 0 20px rgba(0, 212, 255, .3), 0 0 30px rgba(123, 44, 191, .2);--inner-glow: inset 0 0 10px rgba(255, 255, 255, .1);--dock-height: 70px;--dock-padding: 15px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);scroll-behavior:smooth;padding-bottom:70px}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-color);width:100%}main,footer{background:var(--bg-color)}.error-message{text-align:center;padding:20px;background:rgba(255,0,0,.1);color:#ff6b6b;border-radius:8px;margin:20px;border:1px solid rgba(255,0,0,.3);font-size:1rem}.section-title-container{display:flex;justify-content:center;align-items:center;margin-bottom:0;margin-top:0}.section-title-pill{position:relative;display:inline-block;padding:12px 35px;background-color:#2a2a3e;color:var(--text-color);border-radius:50px;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:600;text-align:center;margin-bottom:15px;box-shadow:0 5px 15px #0000004d,inset 0 0 8px #00000080;border:1px solid rgba(0,212,255,.2);text-shadow:0 0 5px rgba(0,212,255,.5),0 0 10px rgba(0,212,255,.3),0 0 15px rgba(123,44,191,.2);transition:all .3s ease}.section-title-pill:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #2a2a3e}.section-title-pill:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00d4ff1a,inset 0 0 8px #00000080;text-shadow:0 0 8px rgba(0,212,255,.8),0 0 15px rgba(0,212,255,.6),0 0 20px rgba(123,44,191,.4)}@media (max-width: 768px){.section-title-pill{font-size:clamp(1.2rem,5vw,1.5rem);padding:10px 30px}}.logo-link{display:block;text-decoration:none;color:inherit}.logo-container{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .4s ease}.logo-container:hover{animation:pulse .6s ease-in-out}@keyframes pulse{0%,to{transform:translateY(-4px) scale(1.02)}50%{transform:translateY(-6px) scale(1.03)}}.logo-text.neon-text-subtle{transition:text-shadow .3s ease}@media (max-width: 768px){.logo-container{cursor:pointer}.logo-container:hover{animation:none;transform:translateY(-2px) scale(1.01)}}.logo-container{position:fixed;top:20px;left:20px;z-index:1001;display:flex;flex-direction:column;align-items:center;gap:8px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px;border:1px solid transparent;transition:all .4s ease;box-shadow:inset 0 0 10px #ffffff1a,0 0 10px #00d4ff80,0 0 20px #00d4ff4d,0 0 30px #7b2cbf33,0 4px 15px #0009}.logo-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent),var(--neon-purple),var(--accent));border-radius:14px;z-index:-1;opacity:0;transition:opacity .4s ease;filter:blur(8px)}.logo-container:hover{box-shadow:inset 0 0 15px #ffffff26,0 0 15px #00d4ffb3,0 0 25px #00d4ff80,0 0 40px #7b2cbf4d,0 8px 20px #000000b3;transform:translateY(-4px) scale(1.02)}.logo-container:hover:before{opacity:1}.logo-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);box-shadow:0 0 8px #00d4ff99,0 0 12px #7b2cbf4d;transition:all .3s ease}.logo-text{font-size:.75rem;font-weight:500;text-align:center;margin:0;white-space:nowrap;line-height:1.2}.logo-text.neon-text-subtle{color:#fff;text-shadow:0 0 5px rgba(0,212,255,.5),0 0 10px rgba(0,212,255,.3),0 0 15px rgba(123,44,191,.2);transition:text-shadow .3s ease}.logo-container:hover .logo-text.neon-text-subtle{text-shadow:0 0 8px rgba(0,212,255,.8),0 0 15px rgba(0,212,255,.6),0 0 20px rgba(123,44,191,.4)}@media (max-width: 768px){.logo-container{top:10px;left:10px;padding:8px;border-radius:10px;gap:6px;box-shadow:inset 0 0 8px #ffffff14,0 0 8px #00d4ff66,0 0 15px #00d4ff33,0 0 20px #7b2cbf26,0 4px 10px #00000080}.logo-container:hover{box-shadow:inset 0 0 10px #ffffff1a,0 0 12px #00d4ff99,0 0 18px #00d4ff66,0 0 25px #7b2cbf40,0 6px 15px #0009;transform:translateY(-2px) scale(1.01)}.logo-container:before{filter:blur(6px)}.logo-icon{width:32px;height:32px;box-shadow:0 0 6px #00d4ff80,0 0 8px #7b2cbf33}.logo-container:hover .logo-icon{box-shadow:0 0 10px #00d4ffb3,0 0 12px #7b2cbf4d;transform:scale(1.05)}.logo-text.neon-text-subtle{font-size:.7rem;text-shadow:0 0 4px rgba(0,212,255,.4),0 0 8px rgba(0,212,255,.2),0 0 10px rgba(123,44,191,.15)}}@media (max-width: 480px){.logo-container{padding:6px;gap:4px}.logo-icon{width:28px;height:28px}.logo-text{font-size:.65rem}}.neon-text-subtle{color:#fff;font-weight:700;text-shadow:0 0 5px rgba(0,212,255,.5),0 0 10px rgba(0,212,255,.3),0 0 15px rgba(123,44,191,.2);transition:text-shadow .3s ease}.neon-text-subtle:hover{text-shadow:0 0 8px rgba(0,212,255,.8),0 0 15px rgba(0,212,255,.6),0 0 20px rgba(123,44,191,.4)}.logo-container.neon-card{background:rgba(0,0,0,.6);border-radius:12px;padding:12px}.logo-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);box-shadow:0 0 8px #00d4ff99,0 0 12px #7b2cbf4d;transition:box-shadow .3s ease,transform .3s ease}.logo-container:hover .logo-icon{box-shadow:0 0 12px #00d4ffcc,0 0 16px #7b2cbf66,0 4px 8px #0006;transform:scale(1.1)}.logo-text.neon-text-subtle{font-size:.75rem;font-weight:500;margin:0;line-height:1.2}.neon-btn{position:relative;background:transparent;color:#fff;border:1px solid transparent;border-radius:8px;padding:12px 28px;font-size:clamp(1rem,3vw,1.2rem);font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:var(--inner-glow),0 0 8px #00d4ff66,0 0 12px #7b2cbf33;text-shadow:0 0 4px rgba(0,212,255,.5);overflow:hidden}.neon-btn:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--accent),var(--neon-purple),var(--accent));border-radius:10px;z-index:-1;opacity:.7;transition:opacity .4s ease;filter:blur(4px)}.neon-btn:hover,.neon-btn:focus{color:#fff;border-color:transparent;box-shadow:inset 0 0 10px #ffffff26,0 0 12px #00d4ffb3,0 0 20px #00d4ff80,0 0 30px #7b2cbf66,0 4px 12px #00000080;transform:translateY(-2px) scale(1.02);text-shadow:0 0 6px rgba(0,212,255,.8)}.neon-btn:hover:before{opacity:1}.neon-btn:active{transform:translateY(0) scale(1)}.bottom-nav.dock-style{position:fixed;bottom:0;left:0;right:0;height:var(--dock-height);background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;z-index:1000;padding:0 var(--dock-padding);box-sizing:border-box;transition:all .3s ease}.nav-container{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:500px;gap:20px;height:100%}.nav-item{display:flex;align-items:center;justify-content:center}.nav-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .3s ease;background:transparent}.nav-icon.dock-icon{width:32px;height:32px;filter:brightness(1) invert(.8);transition:all .3s ease}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{filter:brightness(1) invert(0) sepia(1) saturate(2) hue-rotate(200deg);transform:scale(1.2)}@media (max-width: 768px){.bottom-nav.dock-style{bottom:env(safe-area-inset-bottom,0px);height:calc(var(--dock-height) + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 12px #00000080;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.nav-container{gap:15px;max-width:100%;padding:0 20px}.nav-link{width:36px;height:36px}.nav-icon.dock-icon{width:24px;height:24px}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{transform:scale(1.15)}.app,.app main{padding-bottom:calc(var(--dock-height) + env(safe-area-inset-bottom,20px));box-sizing:border-box}.hero,.section{padding-bottom:0;min-height:calc(100vh - var(--dock-height))}.hero .cta{margin-bottom:20px}}@media (min-width: 769px){.bottom-nav.dock-style{bottom:0;height:var(--dock-height);box-shadow:none}.app,.app main{padding-bottom:0}}.hero{height:100vh;display:flex;padding-top:120px;min-height:100vh;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-buttons-container{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.neon-btn.cta,.neon-btn.secondary{font-size:clamp(1rem,3vw,1.2rem);padding:12px 28px;min-width:220px;text-align:center}.neon-btn.secondary:hover{background-color:#00d4ff1a;color:#fff}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:1}.hero-content{position:relative;z-index:10;max-width:800px;padding:0 20px 20px;color:#fff}.hero h1{font-size:4rem;margin:0 0 20px;text-shadow:0 0 3px rgba(255,255,255,.8),0 0 6px rgba(255,255,255,.6);line-height:1.1;color:#fff}.hero p{font-size:1.5rem;margin:0 0 30px;text-shadow:0 0 2px rgba(255,255,255,.7),0 0 4px rgba(255,255,255,.5);color:#fff}.cta{display:inline-block;padding:15px 30px;background:var(--accent);color:#fff;text-decoration:none;border-radius:5px;font-weight:700;transition:all .3s;box-shadow:0 0 5px #4dabf74d}.cta:hover{transform:scale(1.05);box-shadow:0 0 8px #fff6,0 0 12px #4dabf780}.cta.neon-btn{min-width:140px}@media (max-width: 768px){.hero h1{font-size:2.5rem;text-shadow:0 0 2px rgba(255,255,255,.7),0 0 4px rgba(255,255,255,.5)}.hero p{font-size:1.2rem}.hero{background-attachment:scroll}}.section{padding:80px 20px;max-width:800px;margin:0 auto}.section h2{text-align:center;margin-bottom:50px;font-size:2.5rem;color:#fff;text-shadow:0 0 2px rgba(255,255,255,.7),0 0 4px rgba(255,255,255,.5)}.about-section{padding:60px 20px;background:var(--bg-color);color:var(--text-color)}.about-content{max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:30px}.profile-image-container{width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:0 0 10px #fff3,0 0 20px #4dabf71a;transition:transform .3s,box-shadow .3s}.profile-image-container:hover{transform:scale(1.05);box-shadow:0 0 15px #fff6,0 0 25px #4dabf74d}.profile-image{width:100%;height:100%;object-fit:cover}.about-text{text-align:left;display:flex;flex-direction:column;gap:20px}.about-text p{margin:0;line-height:1.6;font-size:1.05rem;color:#fff;text-shadow:none}.about-text strong{color:var(--accent)}.about-text em{color:gold;font-style:italic}@media (max-width: 768px){.profile-image-container{width:150px;height:150px}.about-text p{font-size:1rem}.about-section{padding:40px 10px}.about-content{gap:20px}}.repo-card.neon-card{position:relative;padding:clamp(20px,4vw,25px);background:var(--card-bg);border-radius:12px;border:1px solid transparent;box-shadow:var(--inner-glow),var(--neon-glow),0 4px 15px #0009;transition:all .4s ease;text-align:left;width:100%;box-sizing:border-box;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.repo-card.neon-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent),var(--neon-purple),var(--accent));border-radius:14px;z-index:-1;opacity:0;transition:opacity .4s ease;filter:blur(8px)}.repo-card.neon-card:hover{box-shadow:inset 0 0 15px #ffffff26,0 0 15px #00d4ffb3,0 0 25px #00d4ff80,0 0 40px #7b2cbf4d,0 8px 20px #000000b3;transform:translateY(-4px) scale(1.02)}.repo-card.neon-card:hover:before{opacity:1}.repo-card h3{margin:0 0 10px;font-size:clamp(1.1rem,3vw,1.25rem);font-weight:700;color:#fff;text-shadow:0 0 5px rgba(0,212,255,.5);word-wrap:break-word}.repo-card h3 a{color:inherit;text-decoration:none;transition:text-shadow .3s}.repo-card h3 a:hover{text-shadow:0 0 8px rgba(0,212,255,.8),0 0 12px rgba(123,44,191,.4)}.repo-card p{margin:0 0 15px;font-size:clamp(.9rem,2.5vw,.95rem);line-height:1.5;color:#ffffffb3;text-shadow:0 0 2px rgba(255,255,255,.2)}.repo-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#fffc;flex-wrap:wrap;gap:8px;text-shadow:0 0 3px rgba(255,255,255,.3)}.badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid var(--border-color);background:rgba(0,212,255,.1);color:var(--accent);box-shadow:0 0 5px #00d4ff4d;transition:all .3s;white-space:nowrap}.badge:hover{box-shadow:0 0 10px #00d4ff80,0 0 15px #7b2cbf4d;background:rgba(0,212,255,.2)}@media (max-width: 768px){.repo-card.neon-card{box-shadow:var(--inner-glow),0 0 8px #00d4ff66,0 0 15px #7b2cbf33}.repo-card.neon-card:hover{box-shadow:var(--inner-glow),0 0 12px #00d4ff99,0 0 20px #7b2cbf40;transform:translateY(-2px) scale(1.01)}.repo-meta{justify-content:flex-start}}.contact-section{background:var(--bg-color);padding:clamp(50px,10vw,80px) clamp(15px,4vw,20px);color:var(--text-color);max-width:100%;box-sizing:border-box}.contact-form{display:flex;flex-direction:column;gap:clamp(15px,3vw,20px);max-width:clamp(300px,80vw,500px);margin:0 auto clamp(40px,8vw,60px) auto;box-sizing:border-box}.neon-input{background:rgba(0,0,0,.6);border:1px solid var(--border-color);border-radius:8px;padding:clamp(12px,3vw,16px);font-size:clamp(.9rem,2.5vw,1rem);color:var(--text-color);transition:all .3s ease;box-shadow:0 0 5px #00d4ff4d}.neon-input::placeholder{color:#ffffff80}.neon-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #00d4ff99,0 0 12px #7b2cbf4d,inset 0 0 5px #ffffff1a;transform:translateY(-1px)}.neon-input[type=textarea]{resize:vertical;min-height:100px}.socials{display:flex;justify-content:center;gap:clamp(20px,5vw,40px);flex-wrap:wrap;margin-top:clamp(20px,5vw,40px)}.neon-link{display:inline-flex;align-items:center;padding:10px 16px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);text-decoration:none;font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;transition:all .3s ease;box-shadow:0 0 5px #00d4ff4d;text-shadow:0 0 3px rgba(0,212,255,.4)}.neon-link:hover{box-shadow:0 0 10px #00d4ff80,0 0 15px #7b2cbf4d,0 2px 8px #0006;transform:translateY(-2px) scale(1.02);border-color:var(--accent);text-shadow:0 0 5px rgba(0,212,255,.6)}.social-icon{filter:brightness(0) invert(1);transition:filter .3s ease}.neon-link:hover .social-icon{filter:brightness(0) invert(.8) sepia(1) saturate(3) hue-rotate(200deg)}@media (max-width: 768px){.contact-form{max-width:100%;gap:12px}.neon-input{box-shadow:0 0 4px #00d4ff33}.neon-input:focus{box-shadow:0 0 6px #00d4ff66,0 0 8px #7b2cbf33}.socials{flex-direction:column;gap:12px;align-items:center}.neon-link{width:100%;justify-content:center;padding:12px}}.crypto-widget{position:fixed;top:20px;right:20px;z-index:1002;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:12px 16px;box-shadow:var(--neon-glow);display:flex;flex-direction:column;gap:8px;min-width:120px;font-size:.85rem;transition:all .3s ease;opacity:.95}.crypto-widget:hover{box-shadow:0 0 15px #00d4ff99,0 0 25px #7b2cbf4d;transform:translateY(-2px)}.crypto-item{display:flex;justify-content:space-between;align-items:center;color:var(--text-color);text-shadow:0 0 2px rgba(0,212,255,.2);transition:color .3s}.crypto-item:hover{color:var(--accent)}.crypto-symbol{font-weight:600;flex:1}.crypto-price{font-weight:500;margin-left:8px;flex:1;text-align:right}.crypto-error{color:#f00c;font-size:.8rem;text-align:center;padding:8px}.crypto-icon{width:16px;height:16px;margin-right:4px;border-radius:50%;filter:drop-shadow(0 0 2px rgba(0,212,255,.5));transition:filter .3s}.crypto-item:hover .crypto-icon{filter:drop-shadow(0 0 4px rgba(0,212,255,.8))}.crypto-loading,.crypto-error{font-size:.8rem;text-align:center;color:#ffffffb3;padding:4px 0}@media (max-width: 768px){.crypto-icon{width:14px;height:14px;margin-right:2px}.crypto-loading,.crypto-error{font-size:.75rem}}@media (max-width: 768px){.crypto-widget{top:10px;right:10px;padding:10px 12px;min-width:100px;font-size:.75rem;gap:6px}.crypto-item{gap:4px}.crypto-symbol,.crypto-price{font-size:.75rem;margin:0 2px}.crypto-widget:hover{transform:none}}@media (min-width: 769px){.crypto-widget{min-width:140px;font-size:.9rem;gap:10px}}.footer{position:relative;background:var(--bg-color);border-top:1px solid rgba(255,255,255,.1);margin-top:auto;padding:clamp(15px,3vw,20px) clamp(10px,4vw,20px);text-align:center;width:100%;box-sizing:border-box;z-index:999}.footer-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 20px;gap:.4em}.footer-text{line-height:1.6;text-align:center}.footer .footer-link.neon-link{white-space:normal}.footer p{margin:0;font-size:clamp(.85rem,2.5vw,1rem);font-weight:500;color:#fff;line-height:1.3;transition:color .3s,text-shadow .3s;text-shadow:none;word-break:break-word;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.footer p:hover{color:#fff;text-shadow:0 0 3px rgba(0,212,255,.4),0 0 5px rgba(123,44,191,.2)}.footer-link{color:var(--accent);text-decoration:none;font-weight:700;transition:all .3s;white-space:nowrap}.footer-link:hover{color:#fff;text-shadow:0 0 4px rgba(0,212,255,.6),0 0 6px rgba(123,44,191,.3)}@media (max-width: 768px){.app main{padding-bottom:calc(var(--dock-height) + 5px)}.socials{flex-direction:column;align-items:center;gap:15px;width:90%;padding:0 20px;box-sizing:border-box}.socials .social-link{width:100%;max-width:450px;justify-content:center}.footer{padding:12px clamp(10px,5vw,15px)}.footer-content{gap:.25rem;padding:0 10px}.footer p{font-size:.95rem;line-height:1.2}.footer-link{font-size:.9rem;width:19%;max-width:450px;justify-content:center}.footer-link:hover{text-shadow:0 0 2px rgba(0,212,255,.5)}html,body{overflow-x:hidden}}@media (min-width: 769px){.footer{padding:20px 40px}.footer p{white-space:nowrap;font-size:1rem}.footer-content{gap:.75rem}}:root{--blog-safe-top: 96px;--blog-bg-primary: var(--bg-color);--blog-bg-secondary: var(--card-bg);--blog-border-color: rgba(0, 212, 255, .15);--blog-accent: var(--accent);--blog-accent-glow: rgba(0, 212, 255, .35);--blog-shadow-neon: var(--neon-glow);--blog-text-primary: var(--text-color);--blog-text-secondary: rgba(255, 255, 255, .65);--blog-radius: 14px}.blog-page-container{min-height:100vh;padding:clamp(3rem,5vw,4rem) 2rem;background-color:var(--blog-bg-primary);display:flex;justify-content:center;padding-top:calc(var(--blog-safe-top) + env(safe-area-inset-top,0px))}.blog-content-wrapper{width:100%;max-width:1000px;margin-top:clamp(72px,8vh,112px)}@media (max-width: 480px){:root{--blog-safe-top: 120px}.blog-content-wrapper{margin-top:calc(var(--blog-safe-top) + 8px)}}.blog-card{position:relative;display:flex;gap:1.5rem;background:var(--blog-bg-secondary);border:1px solid var(--blog-border-color);border-radius:var(--blog-radius);padding:1.5rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}.blog-card.neon-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:calc(var(--blog-radius) + 2px);background:linear-gradient(45deg,var(--accent),var(--neon-purple),var(--accent));filter:blur(10px);opacity:0;transition:opacity .35s ease;z-index:0}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--blog-shadow-neon);border-color:var(--blog-accent)}.blog-card:hover:before{opacity:.6}.blog-card>*{position:relative;z-index:1}.blog-card-img-container{flex-shrink:0;width:220px;height:130px}.blog-card-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.blog-card-content h3{margin:0 0 .5rem;color:var(--blog-accent);font-size:1.25rem}.blog-card-content p{margin:0 0 1rem;color:var(--blog-text-secondary)}.blog-card-meta{color:var(--blog-text-secondary);font-size:.9rem}.blog-post-container{background:var(--blog-bg-secondary);border:1px solid var(--blog-border-color);border-radius:18px;padding:clamp(1.5rem,3vw,2.5rem);padding-top:calc(var(--blog-safe-top) + env(safe-area-inset-top,0px))}.neon-article{box-shadow:var(--neon-glow),0 10px 30px #00000073;transition:box-shadow .3s ease,transform .3s ease}.neon-article:hover{box-shadow:0 0 15px #00d4ffb3,0 0 25px #7b2cbf73,0 12px 36px #0000008c;transform:translateY(-2px)}.post-title{margin:0 0 .25rem}.neon-white{color:var(--blog-text-primary);text-shadow:0 0 8px rgba(255,255,255,.12)}.blog-post-meta{color:var(--blog-text-secondary);border-bottom:1px solid var(--blog-border-color);padding-bottom:.75rem;margin-bottom:1.5rem}.markdown-content{color:var(--blog-text-primary);line-height:1.8;font-size:1.05rem}.markdown-content h2{color:var(--blog-text-primary);font-size:clamp(1.4rem,2.5vw,1.8rem);border-bottom:1px solid var(--blog-border-color);padding-bottom:.4rem;margin:2rem 0 1rem;margin-top:clamp(72px,8vh,112px)}.markdown-content a{color:var(--blog-accent)}.markdown-content blockquote{border-left:4px solid var(--blog-border-color);padding-left:1rem;color:var(--blog-text-secondary);background:transparent;font-style:italic;margin-top:clamp(72px,8vh,112px)}.markdown-content :not(pre)>code{background-color:#58a6ff1f;color:var(--blog-accent);padding:.2em .45em;border-radius:6px;font-size:85%;margin-top:clamp(72px,8vh,112px)}.code-block-wrapper{background:#282c34;border-radius:14px;margin:1.5rem 0;border:1px solid #3b3f46;overflow:hidden;box-shadow:0 10px 30px #00000059;margin-top:clamp(72px,8vh,112px)}.code-block-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#21252b;padding:.55rem 1rem;border-bottom:1px solid #3b3f46}.code-language{margin-left:auto;margin-right:.5rem;color:#abb2bf;font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.copy-btn.copied{color:#0f0;border-color:#00ff8080;text-shadow:0 0 6px rgba(0,255,128,.6)}.code-block-body{padding:1rem;overflow-x:auto}.code-block-body pre,.code-block-body pre code{background:none!important}.back-link{padding-top:10px;display:inline-block;margin-bottom:1rem;width:30%;max-width:150px;justify-content:center}.blog-content-wrapper{max-width:880px}.markdown-content{max-width:75ch;margin-inline:auto}.blog-post-container{padding:clamp(1.25rem,2.5vw,1.75rem) clamp(1rem,3vw,2rem)}.code-block-wrapper{background:#0f1420;border:1px solid var(--blog-border-color);border-radius:14px;margin:1.5rem 0;overflow:hidden;box-shadow:0 10px 30px #00000059}.code-block-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#0b1020;padding:.55rem 1rem;border-bottom:1px solid var(--blog-border-color)}.traffic-lights{display:flex;gap:.45rem}.traffic-light{width:12px;height:12px;border-radius:50%}.traffic-light.red{background:#ff5f56}.traffic-light.yellow{background:#ffbd2e}.traffic-light.green{background:#27c93f}.code-language{margin-left:auto;margin-right:.5rem;color:#ffffffb3;font-size:.85rem;font-family:ui-monospace,Menlo,monospace}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.2);color:var(--blog-text-primary);border:1px solid var(--blog-border-color);padding:.35rem .65rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.copy-btn:hover{color:var(--blog-accent);border-color:var(--blog-accent);box-shadow:0 0 8px var(--blog-accent-glow)}.copy-btn.copied{color:#0f0;border-color:#00ff8080}.code-pre{margin:0;padding:1rem 1.25rem;background:#0f1420;color:#c9d1d9;font-family:ui-monospace,Menlo,monospace;font-size:.95rem;line-height:1.7;overflow-x:auto;white-space:pre}.markdown-content :not(pre)>code{background-color:#58a6ff1f;color:var(--blog-accent);padding:.2em .45em;border-radius:6px;font-size:85%}.blog-page-container{padding:clamp(2rem,4vw,3rem) 1rem;padding-bottom:calc(2rem + var(--dock-height, 70px))}.blog-content-wrapper{width:min(92vw,860px);margin-inline:auto}.blog-post-container{padding:clamp(1rem,2.5vw,1.5rem) clamp(.9rem,2.5vw,1.5rem);border-radius:16px}.markdown-content{max-width:68ch;margin-inline:auto}.markdown-content img{display:block;max-width:100%;height:auto;border-radius:10px;margin:1rem 0}.blog-card{padding:1rem}.blog-card-content h3{font-size:1.1rem;margin:.25rem 0}.blog-card-meta{font-size:.85rem}.code-block-header{padding:.5rem .75rem}.code-pre{margin:0;padding:1rem 1.1rem;background:#0f1420;color:#c9d1d9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;line-height:1.7;overflow-x:auto;white-space:pre}@media (max-width: 480px){.markdown-content{max-width:62ch}.code-pre{white-space:pre-wrap;word-break:break-word}.blog-card{flex-direction:column}.blog-card-img-container{width:100%;height:auto}.blog-card-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}}.loading-video-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#000}.loading-video-container video{max-width:100%}