@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");:root{--color-diamond:#5ff;--color-creeper:#0a0;--color-text-main:#1d1d1d;--color-bg:#fff;--color-primary:var(--color-diamond);--color-secondary:var(--color-creeper);--color-surface:#f5f5f5;--color-surface-hover:#e0e0e0;--font-pixel:"VT323",monospace;--font-sans:var(--font-pixel);--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--shadow-pixel:4px 4px 0px #000;--shadow-pixel-hover:6px 6px 0px #000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-pixel);font-size:1.25rem;line-height:1.5;overflow-x:hidden;background-image:linear-gradient(#e5e5e5 1px,transparent 0),linear-gradient(90deg,#e5e5e5 1px,transparent 0);background-size:40px 40px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:400;text-transform:uppercase;color:#000;letter-spacing:2px}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-family:var(--font-pixel);font-size:1.5rem;text-transform:uppercase;border:4px solid #000;background:#fff;color:#000;cursor:pointer;transition:transform .1s;box-shadow:var(--shadow-pixel)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}.btn-primary{background:var(--color-diamond)}.btn-primary:hover{background:#3dd}.btn-secondary{background:var(--color-creeper);color:#fff}.btn-outline{background:#fff}.btn-outline:hover{background:#eee}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:float 3s ease-in-out infinite}.hover-card{border:4px solid #000;box-shadow:var(--shadow-pixel);transition:transform .2s;background:#fff}.hover-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-pixel-hover)}.pixel-art{image-rendering:pixelated}@keyframes cloud-float{0%{transform:translate(0) rotate(var(--rot,0deg))}25%{transform:translate(4px,-6px) rotate(calc(var(--rot, 0deg) + .5deg))}50%{transform:translateY(-12px) rotate(var(--rot,0deg))}75%{transform:translate(-4px,-6px) rotate(calc(var(--rot, 0deg) - .5deg))}to{transform:translate(0) rotate(var(--rot,0deg))}}.cloud-note{animation:cloud-float 6s ease-in-out infinite;box-shadow:0 10px 20px rgba(0,0,0,.1),var(--shadow-pixel);transition:transform .3s ease}.cloud-note:hover{animation-play-state:paused;transform:scale(1.02)!important;z-index:10}