*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;background:#0a0a0a;color:#f0f0f0;line-height:1.6;min-height:100vh;overflow-x:hidden}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg, rgba(0,0,0,.1) 0px, rgba(0,0,0,.1) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 2px)}.corruption-line{position:fixed;left:0;right:0;height:2px;background:linear-gradient(90deg, rgba(0,0,0,0), aqua, #f0f, rgba(0,0,0,0));pointer-events:none;z-index:9997;opacity:0;animation:corruption-sweep 8s infinite}@keyframes corruption-sweep{0%, 85%, 100%{top:-10px;opacity:0}86%{opacity:.6}90%{top:110vh;opacity:.6}91%{opacity:0}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem;display:flex;justify-content:center}.nav-pill{display:flex;align-items:center;gap:2rem;padding:.75rem 1rem .75rem .75rem;background:rgba(20,20,20,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:9999px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 20px rgba(0,255,255,.1),0 4px 12px rgba(0,0,0,.3)}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#f0f0f0}.logo-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #5d8c3e, #82b85f);color:#fff;border-radius:.5rem;font-weight:700;font-size:.875rem}.logo-text{font-weight:600;font-size:.9375rem}.nav-actions{display:flex;align-items:center;gap:.75rem}.lang-switcher{display:flex;align-items:center}.lang-link{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);border-radius:.5rem;text-decoration:none;transition:all .3s cubic-bezier(.32, .72, 0, 1);position:relative;overflow:hidden}.lang-link::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(0,255,255,.2), rgba(255,0,255,.2));opacity:0;transition:opacity .3s cubic-bezier(.32, .72, 0, 1)}.lang-link:hover{background:rgba(0,255,255,.2);box-shadow:0 0 20px rgba(0,255,255,.3)}.lang-link:hover::before{opacity:1}.lang-link:hover .lang-code{color:aqua}.lang-code{font-size:.6875rem;font-weight:700;color:#a0a0a0;letter-spacing:.05em;position:relative;z-index:1;transition:color .3s cubic-bezier(.32, .72, 0, 1)}.nav-link{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:9999px;text-decoration:none;color:#a0a0a0;font-size:.875rem;font-weight:500;transition:all .4s cubic-bezier(.32, .72, 0, 1)}.nav-link:hover{background:rgba(0,255,255,.1);border-color:rgba(0,255,255,.3);color:aqua;box-shadow:0 0 20px rgba(0,255,255,.2)}.link-icon{font-size:.75rem;opacity:.6}.main{padding-top:6rem}.hero{min-height:calc(100dvh - 6rem);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem 6rem;max-width:64rem;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem .375rem .5rem;background:rgba(0,255,255,.08);border-radius:9999px;font-size:.75rem;font-weight:600;color:aqua;text-transform:uppercase;letter-spacing:.05em;width:fit-content;margin-bottom:1.5rem}.badge-dot{width:.5rem;height:.5rem;background:aqua;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;animation:text-flicker .1s 3;animation-delay:.5s}@keyframes text-flicker{0%, 100%{opacity:1}50%{opacity:.8}}.title-line{display:block}.gradient-text{background:linear-gradient(135deg, #5d8c3e 0%, aqua 50%, #e2231a 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.glitch{position:relative;animation:glitch-skew 4s infinite linear alternate-reverse}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glitch::before{color:aqua;animation:glitch-rgb 3s infinite steps(1);clip-path:polygon(0 0, 100% 0, 100% 45%, 0 45%)}.glitch::after{color:#f0f;animation:glitch-rgb 3s infinite steps(1) .5s;clip-path:polygon(0 55%, 100% 55%, 100% 100%, 0 100%)}@keyframes glitch-rgb{0%, 95%, 100%{transform:translate(0);opacity:0}96%{transform:translate(-4px, 0);opacity:.8}97%{transform:translate(4px, 0);opacity:.8}98%{transform:translate(-2px, 0);opacity:.6}99%{transform:translate(2px, 0);opacity:.8}}@keyframes glitch-skew{0%, 97%, 100%{transform:skew(0deg)}98%{transform:skew(-.5deg)}99%{transform:skew(.5deg)}}.corruption-shimmer{position:relative;overflow:hidden}.corruption-shimmer::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,255,255,.03) 25%, rgba(255,255,255,.08) 50%, rgba(255,0,255,.03) 75%, rgba(0,0,0,0) 100%);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}100%{left:200%}}.glitch-card{transition:all .3s cubic-bezier(.32, .72, 0, 1)}.glitch-card:hover{animation:glitch-box .3s ease}.glitch-card:hover .card-inner{box-shadow:inset 0 1px 1px rgba(255,255,255,.8),-2px 0 0 rgba(0,255,255,.5),2px 0 0 rgba(255,0,255,.5)}@keyframes glitch-box{0%, 100%{transform:translate(0)}20%{transform:translate(-2px, 1px)}40%{transform:translate(2px, -1px)}60%{transform:translate(-1px, 2px)}80%{transform:translate(1px, -2px)}}.hero-subtitle{font-size:1.25rem;color:#a0a0a0;max-width:36rem;margin-bottom:3.5rem;line-height:1.7}.hero-subtitle strong{color:#f0f0f0;font-weight:600}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:9999px;text-decoration:none;font-weight:600;font-size:.9375rem;transition:all .5s cubic-bezier(.32, .72, 0, 1)}.btn-secondary{background:rgba(255,255,255,.05);color:#a0a0a0;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:rgba(255,255,255,.1);color:#f0f0f0;border-color:rgba(255,255,255,.2);transform:scale(1.02)}.btn-secondary:hover .btn-icon-inner{transform:translate(2px, -1px) scale(1.05)}.btn-secondary:active{transform:scale(.98)}.btn-secondary{background:rgba(255,255,255,.05);color:#a0a0a0;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:rgba(255,255,255,.1);color:#f0f0f0;border-color:rgba(255,255,255,.2);transform:scale(1.02)}.btn-secondary:hover .btn-icon-inner{transform:translate(2px, -1px) scale(1.05)}.btn-secondary:active{transform:scale(.98)}.btn-icon{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border-radius:50%;font-size:.75rem}.btn-icon-inner{transition:transform .4s cubic-bezier(.34, 1.56, .64, 1)}.bento{padding:4rem 2rem 8rem;max-width:72rem;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(12, 1fr);gap:1.25rem}.card{position:relative}.card-shell{padding:.375rem;background:rgba(255,255,255,.05);border-radius:1.75rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 30px rgba(0,0,0,.3),0 0 60px rgba(0,255,255,.05);height:100%}.card-inner{background:rgba(20,20,20,.95);border-radius:1.375rem;padding:2rem;height:100%;box-shadow:inset 0 1px 1px rgba(255,255,255,.05);display:flex;flex-direction:column}.card-minecraft{grid-column:span 4}.card-minecraft .card-shell{background:linear-gradient(135deg, rgba(93,140,62,.1), rgba(93,140,62,.02))}.card-minecraft .card-icon{background:linear-gradient(135deg, #5d8c3e, #82b85f)}.card-minecraft .card-title{color:#5d8c3e}.card-roblox{grid-column:span 4}.card-roblox .card-shell{background:linear-gradient(135deg, rgba(226,35,26,.1), rgba(226,35,26,.02))}.card-roblox .card-icon{background:linear-gradient(135deg, #e2231a, #ec635c)}.card-roblox .card-title{color:#e2231a}.card-fnaf{grid-column:span 4}.card-fnaf .card-shell{background:linear-gradient(135deg, rgba(139,92,246,.1), rgba(139,92,246,.02))}.card-fnaf .card-icon{background:linear-gradient(135deg, #8b5cf6, #bfa4fa)}.card-fnaf .card-title{color:#8b5cf6}.card-vfx{grid-column:span 4}.card-vfx .card-shell{background:linear-gradient(135deg, rgba(0,255,65,.1), rgba(0,255,65,.02))}.card-vfx .card-icon{background:linear-gradient(135deg, #00ff41, #4dff7a)}.card-vfx .card-title{color:#00ff41}.card-music{grid-column:span 4}.card-music .card-shell{background:linear-gradient(135deg, rgba(245,158,11,.1), rgba(245,158,11,.02))}.card-music .card-icon{background:linear-gradient(135deg, #f59e0b, #f8bb54)}.card-music .card-title{color:#f59e0b}.card-code{grid-column:span 4}.card-code .card-shell{background:linear-gradient(135deg, rgba(0,255,255,.1), rgba(0,255,255,.02))}.card-code .card-icon{background:linear-gradient(135deg, aqua, #4dffff)}.card-code .card-title{color:aqua}.card-github{grid-column:span 4}.card-github .card-shell{background:linear-gradient(135deg, rgba(36,41,47,.1), rgba(36,41,47,.02))}.card-github .card-icon{background:linear-gradient(135deg, #24292f, #454f5a)}.card-github .card-title{color:#24292f}.card-gameengine{grid-column:span 4}.card-gameengine .card-shell{background:linear-gradient(135deg, rgba(49,120,198,.1), rgba(49,120,198,.02))}.card-gameengine .card-icon{background:linear-gradient(135deg, #3178c6, #699fda)}.card-gameengine .card-title{color:#3178c6}.card-midi{grid-column:span 4}.card-midi .card-shell{background:linear-gradient(135deg, rgba(255,107,53,.1), rgba(255,107,53,.02))}.card-midi .card-icon{background:linear-gradient(135deg, #ff6b35, #ffa382)}.card-midi .card-title{color:#ff6b35}.card-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.875rem;font-size:1.25rem;margin-bottom:1.25rem}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.card-desc{color:#a0a0a0;font-size:.9375rem;line-height:1.6;flex:1}.card-tags{display:flex;gap:.5rem;margin-top:1.25rem;flex-wrap:wrap}.tag{padding:.25rem .625rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9999px;font-size:.75rem;font-weight:500;color:#a0a0a0}.card-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;color:#24292f;text-decoration:none;font-weight:600;font-size:.9375rem;transition:gap .3s cubic-bezier(.32, .72, 0, 1)}.card-link:hover{gap:.75rem}.link-arrow{font-size:.875rem}.footer{text-align:center;padding:3rem 2rem;color:#606060;font-size:.875rem}.blog-main{max-width:72rem;margin:0 auto;padding:2rem 2rem 6rem}.blog-header{text-align:center;padding:2rem 0 3rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:3rem}.blog-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg, aqua, #8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.75rem}.blog-subtitle{color:#a0a0a0;font-size:1.1rem;max-width:36rem;margin:0 auto}.blog-list{display:flex;flex-direction:column;gap:1rem}.blog-card{position:relative}.blog-card-link{display:block;padding:2rem;background:rgba(20,20,20,.95);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.32, .72, 0, 1)}.blog-card-link:hover{border-color:rgba(0,255,255,.3);box-shadow:0 0 30px rgba(0,0,0,.3),-1px 0 0 rgba(0,255,255,.4),1px 0 0 rgba(255,0,255,.4);transform:translateY(-2px)}.blog-card-link:hover .blog-card-title{color:aqua}.blog-date{display:inline-block;font-size:.75rem;font-weight:600;color:aqua;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;opacity:.8}.blog-card-title{font-size:1.35rem;font-weight:700;color:#f0f0f0;margin-bottom:.5rem;letter-spacing:-.01em;transition:color .3s cubic-bezier(.32, .72, 0, 1)}.blog-card-excerpt{color:#a0a0a0;font-size:.9375rem;line-height:1.6}.blog-post{max-width:48rem;margin:0 auto;padding:2rem 2rem 6rem}.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.post-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:1rem;background:linear-gradient(135deg, #f0f0f0 0%, aqua 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.post-date{display:inline-block;font-size:.8125rem;font-weight:600;color:aqua;text-transform:uppercase;letter-spacing:.05em;padding:.375rem .875rem;background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.2);border-radius:9999px}.post-content{font-size:1.0625rem;line-height:1.8;color:#a0a0a0}.post-content h2{font-size:1.5rem;font-weight:700;color:#f0f0f0;margin:2.5rem 0 1rem;letter-spacing:-.02em;padding-left:1rem;border-left:3px solid aqua}.post-content h3{font-size:1.25rem;font-weight:600;color:#f0f0f0;margin:2rem 0 .75rem}.post-content p{margin-bottom:1.25rem}.post-content a{color:aqua;text-decoration:none;border-bottom:1px solid rgba(0,255,255,.3);transition:border-color .3s cubic-bezier(.32, .72, 0, 1)}.post-content a:hover{border-color:aqua}.post-content strong{color:#f0f0f0;font-weight:600}.post-content em{color:#f0f0f0;font-style:italic}.post-content ul,.post-content ol{margin:1rem 0 1.5rem 1.5rem;color:#a0a0a0}.post-content li{margin-bottom:.5rem;padding-left:.5rem}.post-content ul li::marker{color:aqua}.post-content ol li::marker{color:aqua;font-weight:600}.post-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:3px solid #f0f;background:rgba(255,0,255,.05);border-radius:0 1rem 1rem 0;color:#a0a0a0;font-style:italic}.post-content code{font-family:"JetBrains Mono","Fira Code",monospace;background:rgba(0,255,255,.1);padding:.15rem .4rem;border-radius:.375rem;font-size:.875em;color:aqua;border:1px solid rgba(0,255,255,.15)}.post-content pre{margin:1.5rem 0;padding:1.5rem;background:rgba(15,15,15,.95);border:1px solid rgba(255,255,255,.08);border-radius:1rem;overflow-x:auto}.post-content pre code{background:none;border:none;padding:0;color:#a0a0a0;font-size:.875rem;line-height:1.7}.post-content hr{border:none;height:1px;background:linear-gradient(90deg, rgba(0,0,0,0), rgba(0,255,255,.3), rgba(0,0,0,0));margin:2.5rem 0}.post-content img{max-width:100%;border-radius:1rem;margin:1.5rem 0;border:1px solid rgba(255,255,255,.08)}.back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;margin-top:3rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:#a0a0a0;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .4s cubic-bezier(.32, .72, 0, 1)}.back-link:hover{background:rgba(0,255,255,.1);border-color:rgba(0,255,255,.3);color:aqua;box-shadow:0 0 20px rgba(0,255,255,.2)}.reveal{opacity:0;transform:translateY(1rem);transition:opacity .6s cubic-bezier(.32, .72, 0, 1),transform .6s cubic-bezier(.32, .72, 0, 1)}.reveal.visible{opacity:1;transform:translateY(0)}.card.reveal{transition-delay:calc(var(--index, 0)*100ms)}@media (max-width: 768px){.nav{padding:1rem}.nav-pill{gap:.75rem}.logo-text{display:none}.hero{padding:3rem 1.5rem 4rem;min-height:auto}.bento-grid{grid-template-columns:1fr}.card-minecraft,.card-roblox,.card-fnaf,.card-vfx,.card-music,.card-code,.card-github,.card-gameengine,.card-midi{grid-column:span 1;grid-row:span 1}.bento{padding:2rem 1.5rem 6rem}.card-inner{padding:1.5rem}}