@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap");.menu-btn{display:flex;align-items:center;justify-content:center;background-color:rgba(207,216,220,.2);backdrop-filter:blur(16px);box-shadow:0 1px 2px rgba(100,116,139,.2);color:white;border-radius:1rem;width:6rem;height:50px;font-size:15px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1);text-decoration:none}.menu-btn:hover{transform:scale(1.1);box-shadow:0 4px 6px rgba(100,116,139,.5)}.content-fade{animation:fadeInOut .6s cubic-bezier(.34,1.56,.64,1);font-size:1rem;max-width:48rem;padding:2rem;text-align:center}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.beegee{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E")}html.dark .beegee{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");background-color:#111111c2;color:white}.bgee{background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")}@keyframes softBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce-soft{animation:softBounce 1.8s ease-in-out infinite}html{transition:background-color .3s ease,color .3s ease}.hero-card{background:#101011;border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 2px rgba(0,0,0,.28);padding:1.5rem;border-radius:12px;max-width:680px;width:100%;transition:box-shadow .3s ease,border-color .3s ease}.hero-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.4);border-color:rgba(99,102,241,.3)}.hero-subtitle{font-size:.95rem;line-height:1.45;color:rgba(226,226,226,.85)}.accent-line{height:3px;width:120px;margin-top:10px;border-radius:3px}.hero-actions{margin-top:6px}.particle{position:fixed;width:var(--size,4px);height:var(--size,4px);border-radius:50%;pointer-events:none;animation:particleFly 1s ease-out forwards;z-index:100}@keyframes particleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.stats-container{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.nav-bar{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1100px;z-index:60;pointer-events:auto}.nav-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(6,6,6,.85);border:1px solid rgba(255,255,255,.2);padding:.55rem .9rem;border-radius:10px;backdrop-filter:blur(6px);font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.nav-bar-inner:before{left:-2px;border-top:1.5px solid rgba(255,255,255,.3);border-left:1.5px solid rgba(255,255,255,.3);border-top-left-radius:10px}.nav-bar-inner:after,.nav-bar-inner:before{content:"";position:absolute;top:-2px;width:18px;height:18px;transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.nav-bar-inner:after{right:-2px;border-top:1.5px solid rgba(255,255,255,.3);border-right:1.5px solid rgba(255,255,255,.3);border-top-right-radius:10px}.corner-bottom-left,.corner-bottom-right{position:absolute;bottom:-2px;width:18px;height:18px;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.corner-bottom-left{left:-2px;border-bottom:1.5px solid rgba(255,255,255,.3);border-left:1.5px solid rgba(255,255,255,.3);border-bottom-left-radius:10px}.corner-bottom-right{right:-2px;border-bottom:1.5px solid rgba(255,255,255,.3);border-right:1.5px solid rgba(255,255,255,.3);border-bottom-right-radius:10px}.nav-bar-inner:hover{border-color:rgba(255,255,255,.35)}.nav-bar-inner:hover:before{width:24px;height:24px;border-top-width:2px;border-left-width:2px;border-color:rgba(255,255,255,.5)}.nav-bar-inner:hover:after{width:24px;height:24px;border-top-width:2px;border-right-width:2px;border-color:rgba(255,255,255,.5)}.nav-bar-inner:hover .corner-bottom-left{width:24px;height:24px;border-bottom-width:2px;border-left-width:2px;border-color:rgba(255,255,255,.5)}.nav-bar-inner:hover .corner-bottom-right{width:24px;height:24px;border-bottom-width:2px;border-right-width:2px;border-color:rgba(255,255,255,.5)}.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px;border-radius:6px;transition:all .3s ease}.nav-brand:hover{background-color:rgba(255,255,255,.08)}.nav-icon{width:18px;height:18px;flex-shrink:0;border-radius:4px;border:1px solid rgba(255,255,255,.4);background-color:#111111c2;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.nav-brand:hover .nav-icon{border-color:rgba(255,255,255,.6);box-shadow:0 0 12px rgba(255,255,255,.15);transform:rotate(45deg) scale(1.05)}.nav-wordmark{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:13px;letter-spacing:.02em;color:#ffffff;font-weight:600;transition:all .3s ease}.nav-brand:hover .nav-wordmark{text-shadow:0 0 15px rgba(255,255,255,.3);letter-spacing:.04em}.nav-cursor{color:#ffffff;animation:blink 1.1s step-end infinite}@keyframes blink{0%,45%{opacity:1}50%,to{opacity:0}}.nav-links{display:flex;gap:4px;align-items:center}.nav-link{position:relative;background:transparent;color:#9a9a9a;border:none;padding:8px 12px;font-size:16.5px;font-family:JetBrains Mono,ui-monospace,monospace;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border-radius:6px;will-change:transform}.nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:#818cf8;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav-link:hover{color:#818cf8;text-shadow:0 0 20px rgba(129,140,248,.4)}.nav-link:hover:after{transform:scaleX(1)}.magnetic{transition:transform .3s cubic-bezier(.34,1.56,.64,1);will-change:transform;transform-style:preserve-3d}.nav-status{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:11px;font-family:JetBrains Mono,ui-monospace,monospace;color:#a8a8b3;letter-spacing:.02em;transition:all .3s cubic-bezier(.34,1.56,.64,1);will-change:transform}.nav-status:hover{border-color:rgba(255,255,255,.4);box-shadow:0 0 12px rgba(255,255,255,.1)}.status-dot{width:6px;height:6px;border-radius:50%;transition:all .3s ease}.status-dot.online{background:#10b981;animation:pulseOnline 1.8s ease-in-out infinite}.status-dot.coding{background:#3b82f6;animation:pulseCoding 1.2s ease-in-out infinite}.status-dot.available{background:#8b5cf6;animation:pulseAvailable 2s ease-in-out infinite}.status-dot.building{background:#f59e0b;animation:pulseBuilding 1.5s ease-in-out infinite}.status-dot.debugging{background:#ef4444;animation:pulseDebugging .8s ease-in-out infinite}@keyframes pulseOnline{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4);opacity:1}50%{box-shadow:0 0 0 3px rgba(16,185,129,0);opacity:.7}}@keyframes pulseCoding{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4);opacity:1}50%{box-shadow:0 0 0 4px rgba(59,130,246,0);opacity:.5}}@keyframes pulseAvailable{0%,to{box-shadow:0 0 0 0 rgba(139,92,246,.4);opacity:1}50%{box-shadow:0 0 0 3px rgba(139,92,246,0);opacity:.8}}@keyframes pulseBuilding{0%,to{box-shadow:0 0 0 0 rgba(245,158,11,.4);opacity:1}50%{box-shadow:0 0 0 2px rgba(245,158,11,0);opacity:.6}}@keyframes pulseDebugging{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.4);opacity:1}50%{box-shadow:0 0 0 4px rgba(239,68,68,0);opacity:.4}}.status-text{transition:all .3s ease;min-width:45px;display:inline-block}@media (max-width:640px){.nav-wordmark{display:none;font-size:16.5px;font-family:JetBrains Mono,ui-monospace,monospace}.nav-status .status-text{display:none}}.pixel-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#333;color:white;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;outline:none;border:none;border-radius:12px;padding:.25rem 1rem;overflow:hidden;transition:opacity .3s ease,transform .3s ease;font-family:Sylfaen,sans-serif}.pixel-btn:hover{opacity:.9;transform:scale(1.05)}.pixel-btn-gradient{background:linear-gradient(90deg,#27272a 40%,#84cc16 60%,#365314 90%)}.pixel-btn span{position:relative;z-index:2;font-weight:600}.pixel-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.pixel-container .pixel{position:absolute;width:10px;height:10px;pointer-events:none;background:var(--clr);opacity:1;transition:transform .5s ease,opacity .5s ease}.pixel-btn:hover .pixel{opacity:0;transform:translate(var(--tx),var(--ty))}