*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#d0d0d0;background:transparent;overflow:auto}.container{max-width:900px;margin:40px auto;padding:40px;background:#1e1e1ee6;box-shadow:8px 12px 20px #000000b3;transform:skew(-4deg);transition:filter .5s ease-out}header{margin-bottom:50px;transform:translate(-30px)}header h1{font-size:3.4rem;letter-spacing:4px;text-transform:uppercase;margin-bottom:15px;color:#b0b0b0}header p{font-size:1.3rem;letter-spacing:1px;color:silver}section{margin-bottom:50px;transform:translate(20px)}.title-row{display:flex;align-items:center;gap:20px;margin-bottom:12px}.title-row h2{font-size:2.4rem;text-transform:uppercase;color:#a0a0a0;margin:0}.follow-along-container{display:flex;gap:12px;align-items:center}.follow-along{background:#ffffff1f;padding:8px 16px;border-radius:4px;box-shadow:2px 4px 6px #00000073;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none;color:#d0d0d0}.follow-along:hover{background:#ffffff2e;transform:translateY(-2px)}.follow-along img{width:24px;height:24px;filter:brightness(1.5)}.follow-along span{font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.cyber-separator{height:2px;margin:20px 0;position:relative;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);transform:skew(-4deg);box-shadow:0 0 10px #fff3,0 0 20px #ffffff1a;animation:separator-pulse 4s ease-in-out infinite}.cyber-separator:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);filter:blur(1px)}@keyframes separator-pulse{0%,to{opacity:.6;transform:skew(-4deg) scaleX(.98)}50%{opacity:1;transform:skew(-4deg) scaleX(1)}}section p{font-size:1.1rem;line-height:1.6;margin-bottom:20px;color:#b8b8b8}#signup-form{display:flex;flex-direction:column;align-items:flex-start}#signup-form input[type=email]{padding:12px;font-size:1rem;width:100%;max-width:320px;margin-bottom:10px;border:none;background:#ffffff1f;color:#d0d0d0;box-shadow:2px 4px 6px #00000073}#signup-form button{padding:12px 24px;font-size:1rem;border:none;background:#969696;color:#101010;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:3px 6px 8px #0000008c;transition:background .3s ease}#signup-form button:hover{background:#7f7f7f}footer{transform:translate(-10px)}footer p{font-size:.9rem;color:silver}.glow-text{display:inline-block;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #fff,0 0 25px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.3);animation:pulse 2s ease-in-out infinite;letter-spacing:.1em;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}@keyframes pulse{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px rgba(255,255,255,.8)}50%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px rgba(255,255,255,.8),0 0 50px rgba(255,255,255,.5)}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px rgba(255,255,255,.8)}}canvas{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;transition:filter .5s ease-out}.enhanced-colors canvas{filter:brightness(1.4) saturate(1.8) hue-rotate(15deg)}.enhanced-colors .container{background:#282828e6}.particle{position:fixed;background:#fff;border-radius:50%;pointer-events:none;z-index:1000;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fffc,0 0 40px #fff9;animation:particle-fade .5s ease-out forwards}@keyframes particle-fade{0%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.1)}}@media (max-width: 600px){.container{max-width:95%;margin:20px auto;padding:20px;transform:none;box-shadow:4px 6px 10px #00000080}header{transform:none;margin-bottom:30px}header h1{font-size:2.4rem;letter-spacing:2px}header p{font-size:1rem}section{transform:none;margin-bottom:30px}.title-row{flex-direction:column;align-items:flex-start;gap:12px}.title-row h2{font-size:1.8rem}.follow-along{padding:6px 12px}.follow-along img{width:20px;height:20px}.follow-along span{font-size:.8rem}section p{font-size:.95rem}#signup-form input[type=email]{max-width:280px;padding:10px}#signup-form button{padding:10px 20px;font-size:.9rem}footer{transform:none}footer p{font-size:.8rem}}#game-trigger{cursor:pointer;position:relative;display:inline-block;color:#ff5722;text-decoration:underline;text-decoration-color:#ff5722;text-underline-offset:4px;transition:all .3s ease}#game-trigger:hover{color:#ff7043;text-shadow:0 0 5px rgba(255,87,34,.5);text-decoration-color:#ff7043}#game-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.game-active .container{display:none}#game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0;transition:all .5s ease;pointer-events:none;overflow:hidden}.game-active #game-container,.game-active #game-overlay{pointer-events:all}.game-active #game-overlay{opacity:1}#game-exit{position:fixed;top:20px;left:20px;background:linear-gradient(135deg,#ff416c,#ff4b2b);border:none;border-radius:25px;padding:12px 24px;color:#fff;font-family:Helvetica Neue,sans-serif;font-size:1.2rem;cursor:pointer;transform:translateY(-100px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #ff416c66;display:flex;align-items:center;gap:8px}.game-active #game-exit{transform:translateY(0)}#game-exit:hover{transform:translateY(2px);box-shadow:0 0 30px #ff416c99}.exit-icon{font-size:1.5rem;line-height:1}#game-level{position:fixed;top:20px;left:50%;transform:translate(-50%);font-size:2rem;font-family:Helvetica Neue,sans-serif;font-weight:700;background:linear-gradient(135deg,#ff416c,#ff4b2b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,65,108,.4);opacity:0;transform:translateY(-20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.game-active #game-level{opacity:1;transform:translateY(0)}#game-score{position:fixed;top:20px;right:20px;font-size:2rem;font-family:Helvetica Neue,sans-serif;font-weight:700;background:linear-gradient(135deg,#00f5a0,#00d9f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,245,160,.4);opacity:0;transform:translateY(-20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.game-active #game-score{opacity:1;transform:translateY(0)}.game-hex{position:absolute;width:80px;height:80px;background:linear-gradient(45deg,#ff5acd,#40e0d0);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 3px #fff,0 0 20px #ffffff80,0 0 40px #ffffff4d;--hex-animation-speed: 3s;animation:hexPanton var(--hex-animation-speed) infinite alternate}.game-hex:hover{transform:scale(1.2) rotate(30deg);filter:hue-rotate(90deg)}@keyframes hexPanton{0%{transform:rotate(0);box-shadow:0 0 30px #ff5acd99,0 0 60px #40e0d066}to{transform:rotate(30deg);box-shadow:0 0 50px #ff5acdcc,0 0 80px #40e0d099}}@keyframes hexHover{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(90deg)}}#game-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;background:linear-gradient(45deg,#ff416c,#ff4b2b,#00f5a0,#00d9f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);animation:messageWave 2s ease infinite}#game-message.visible{opacity:1}@keyframes messageWave{0%,to{transform:translate(-50%,-50%) scale(1);filter:hue-rotate(0deg)}50%{transform:translate(-50%,-50%) scale(1.1);filter:hue-rotate(180deg)}}#game-over{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease;z-index:2000}#game-over.visible{opacity:1}.game-over-content{background:linear-gradient(135deg,#ff416c33,#ff4b2b33);padding:40px;border-radius:20px;text-align:center;transform:translateY(-20px);transition:transform .5s ease;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#game-over.visible .game-over-content{transform:translateY(0)}.game-over-content h2{font-size:3rem;margin-bottom:30px;background:linear-gradient(135deg,#ff416c,#ff4b2b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,65,108,.4)}.score-display{font-size:1.8rem;margin-bottom:30px}.score-display>div{margin:15px 0;background:linear-gradient(135deg,#00f5a0,#00d9f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,245,160,.4)}.game-over-buttons{display:flex;gap:20px;justify-content:center}.game-over-buttons button{padding:12px 24px;font-size:1.2rem;border:none;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease}#next-tier{background:linear-gradient(135deg,#ff416c,#ff4b2b);box-shadow:0 0 20px #ff416c66}#new-game{background:linear-gradient(135deg,#00f5a0,#00d9f5);box-shadow:0 0 20px #00f5a066}.game-over-buttons button:hover{transform:translateY(-2px);filter:brightness(1.2)}#game-tier{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-20px);font-size:1.5rem;font-family:Helvetica Neue,sans-serif;font-weight:700;background:linear-gradient(135deg,#ff416c,#ff4b2b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,65,108,.4);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.game-active #game-tier{opacity:1;transform:translate(-50%) translateY(0)}.panton-waves{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ff5acd1a,#40e0d01a,#ff416c1a);animation:pantonWaves 10s linear infinite;pointer-events:none}@keyframes pantonWaves{0%{background-position:0% 0%}to{background-position:200% 200%}}