@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Patrick+Hand&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Patrick Hand,cursive;overflow-x:hidden}.notebook-bg{background-color:#fff9f0;background-image:repeating-linear-gradient(transparent,transparent 31px,#a8c4e0 31px,#a8c4e0 32px);position:relative}.marquee-wrap{background:#f44;color:#fff;font-family:Permanent Marker,cursive;font-size:18px;padding:10px 0;overflow:hidden;white-space:nowrap;position:sticky;top:0;z-index:100;border-bottom:3px solid #cc0000}.marquee-inner{display:inline-block;animation:marquee-scroll 22s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 80px;position:relative;overflow:hidden;gap:10px}.hero-title-block{text-align:center;z-index:2;position:relative}.hero-word{font-family:Permanent Marker,cursive;font-size:clamp(52px,10vw,100px);line-height:1.05;text-shadow:3px 3px 0 rgba(0,0,0,.15),-1px -1px 0 rgba(255,255,255,.8);display:block}.hero-character-wrap{position:relative;z-index:3;animation:character-bounce .7s ease-in-out infinite alternate;filter:drop-shadow(4px 8px 12px rgba(0,0,0,.25))}.hero-character{width:clamp(200px,35vw,400px);height:auto;transform:rotate(3deg)}@keyframes character-bounce{0%{transform:rotate(3deg) translateY(0) scaleY(1) scaleX(1)}85%{transform:rotate(3deg) translateY(-30px) scaleY(1.05) scaleX(.97)}to{transform:rotate(3deg) translateY(-35px) scaleY(1) scaleX(1)}}.platform{position:absolute;height:auto;z-index:2}.platform-left-1{width:130px;left:4%;top:30%;transform:rotate(-3deg);animation:platform-fade 2.1s ease-in-out infinite alternate}.platform-left-2{width:100px;left:8%;top:58%;transform:rotate(2deg);animation:platform-fade 2.8s ease-in-out infinite alternate .5s}.platform-right-1{width:140px;right:4%;top:35%;transform:rotate(2deg);animation:platform-fade 1.9s ease-in-out infinite alternate .3s}.platform-right-2{width:110px;right:10%;top:60%;transform:rotate(-4deg);animation:platform-fade 2.5s ease-in-out infinite alternate .8s}.platform-bottom-mid{width:120px;left:50%;top:80%;transform:translate(-50%) rotate(1deg);animation:platform-fade 3s ease-in-out infinite alternate 1s}@keyframes platform-fade{0%{opacity:.5;transform:translateY(0) rotate(-3deg)}to{opacity:1;transform:translateY(-12px) rotate(2deg)}}.social-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;z-index:5;position:relative;margin-top:8px}.social-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;font-family:Permanent Marker,cursive;font-size:18px;text-decoration:none;border:3px solid rgba(0,0,0,.3);box-shadow:4px 5px #00000040;transform:rotate(-1deg);transition:transform .15s ease,box-shadow .15s ease}.social-btn:hover{transform:rotate(1deg) scale(1.05);box-shadow:6px 7px #00000040}.social-btn-x{background:#111;color:#fff;transform:rotate(-2deg)}.social-btn-pump{background:#7c3aed;color:#fff;transform:rotate(1.5deg)}.social-btn-dex{background:#0f766e;color:#fff;transform:rotate(-1deg)}.social-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.bounce-btn{display:inline-block;background:#4caf50;color:#fff;font-family:Permanent Marker,cursive;font-size:clamp(18px,3vw,28px);padding:18px 40px;border-radius:50px;text-decoration:none;border:4px solid #2e7d32;box-shadow:4px 6px #1b5e20;animation:button-bounce .6s ease-in-out infinite alternate;position:relative;z-index:5;margin-top:10px}.bounce-btn:hover{background:#66bb6a}@keyframes button-bounce{0%{transform:translateY(0);box-shadow:4px 6px #1b5e20}to{transform:translateY(-10px);box-shadow:4px 16px #1b5e20}}.doodle-svg{position:absolute;z-index:1;pointer-events:none}.doodle-top-left{top:20px;left:10px}.doodle-top-right{top:20px;right:10px}.svg-star{font-size:32px;fill:#ffeb3b}.svg-heart{font-size:26px;fill:#f44336}.svg-arrow{font-size:28px;fill:#9c27b0}.twinkling-star{position:absolute;pointer-events:none;animation:twinkle 2s ease-in-out infinite alternate;z-index:1}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.section-story{min-height:80vh;padding:80px 40px;display:flex;gap:20px;position:relative}.story-content{max-width:700px;margin:0 auto;position:relative}.section-title{font-family:Permanent Marker,cursive;font-size:clamp(32px,6vw,64px);margin-bottom:40px;line-height:1.1}.notebook-notes{font-family:Patrick Hand,cursive;font-size:clamp(18px,2.5vw,26px);line-height:2;position:relative;padding-left:60px;border-left:3px solid #f44336}.note-line{padding:4px 0}.note-big{font-size:clamp(22px,3vw,32px);color:#6a1b9a;font-family:Permanent Marker,cursive}.note-crossout{text-decoration:line-through;color:#999;text-decoration-color:#f44336;text-decoration-thickness:3px}.margin-doodle{position:absolute;pointer-events:none}.margin-doodle-1{right:-20px;top:40px}.margin-doodle-3{right:-40px;bottom:80px}.doodle-story-left{position:absolute;left:10px;top:40px}.section-reasons{min-height:80vh;padding:80px 40px;text-align:center;position:relative;overflow:hidden}.postits-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:50px;max-width:900px;margin-left:auto;margin-right:auto}.postit{width:200px;min-height:180px;padding:20px 18px;font-family:Patrick Hand,cursive;font-size:17px;line-height:1.6;border-radius:2px;box-shadow:4px 4px #00000026,6px 8px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.postit:hover{box-shadow:6px 6px #0003,8px 12px 16px #00000026}.postit-yellow{background:#fff176;border-top:30px solid #f9a825}.postit-yellow:hover{transform:rotate(-4deg) scale(1.08)!important}.postit-pink{background:#f8bbd0;border-top:30px solid #e91e63}.postit-pink:hover{transform:rotate(6deg) scale(1.08)!important}.postit-green{background:#c8e6c9;border-top:30px solid #2e7d32}.postit-green:hover{transform:rotate(-3deg) scale(1.08)!important}.postit-blue{background:#bbdefb;border-top:30px solid #1565c0}.postit-blue:hover{transform:rotate(5deg) scale(1.08)!important}.postit-orange{background:#ffe0b2;border-top:30px solid #e65100}.postit-orange:hover{transform:rotate(-5deg) scale(1.08)!important}.scatter-star{position:absolute;font-size:36px;pointer-events:none;animation:twinkle 2s ease-in-out infinite alternate;color:#ffeb3b}.s1{top:10%;left:5%;animation-delay:0s;color:#ff9800}.s2{top:20%;right:6%;animation-delay:.4s;color:#e91e63}.s3{bottom:15%;left:8%;animation-delay:.8s;color:#4caf50}.s4{bottom:20%;right:4%;animation-delay:1.2s;color:#2196f3}.section-jump{background:#1a0033;min-height:80vh;padding:60px 40px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.section-jump:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 20%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(2px 2px at 25% 50%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(2px 2px at 40% 15%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(2px 2px at 60% 40%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(2px 2px at 75% 25%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(2px 2px at 85% 60%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(2px 2px at 15% 75%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(2px 2px at 50% 80%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(2px 2px at 90% 85%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(2px 2px at 5% 90%,rgba(255,255,255,.6) 0%,transparent 100%);animation:starfield-twinkle 3s ease-in-out infinite alternate;pointer-events:none}@keyframes starfield-twinkle{0%{opacity:.5}to{opacity:1}}.jump-game{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:60px;position:relative;z-index:2}.jump-arena{width:280px;height:400px;background:#ffffff0d;border:3px solid #4caf50;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 30px #4caf504d}.jumping-doodle{position:absolute;width:90px;height:auto;left:50%;transform:translate(-50%);animation:doodle-jump-game 1.4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));z-index:3}@keyframes doodle-jump-game{0%{bottom:40px;transform:translate(-50%) scaleY(1) scaleX(1)}10%{bottom:38px;transform:translate(-50%) scaleY(.85) scaleX(1.15)}35%{bottom:200px;transform:translate(-50%) scaleY(1.05) scaleX(.97)}65%{bottom:250px;transform:translate(-50%) scaleY(1.05) scaleX(.97)}90%{bottom:42px;transform:translate(-50%) scaleY(.8) scaleX(1.2)}to{bottom:40px;transform:translate(-50%) scaleY(1) scaleX(1)}}.game-platform{position:absolute;height:auto;z-index:2}.gp1{width:110px;left:10px;bottom:30px;animation:gp-fade 1.8s ease-in-out infinite}.gp2{width:100px;right:10px;bottom:100px;animation:gp-fade 2.1s ease-in-out infinite .3s}.gp3{width:90px;left:20px;bottom:180px;animation:gp-fade 2.4s ease-in-out infinite .7s}.gp4{width:95px;right:15px;bottom:260px;animation:gp-fade 1.6s ease-in-out infinite 1s}@keyframes gp-fade{0%,to{opacity:.3}50%{opacity:1}}.score-counter{position:absolute;top:10px;left:0;right:0;text-align:center;font-family:Permanent Marker,cursive;font-size:14px;color:#4caf50;z-index:4;text-shadow:0 0 10px rgba(76,175,80,.5)}.jump-text{font-family:Patrick Hand,cursive;font-size:clamp(20px,2.5vw,28px);line-height:2;text-align:center;color:#e8e0ff;max-width:400px}.jump-name{font-family:Permanent Marker,cursive;font-size:clamp(18px,2.5vw,26px);color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);animation:name-glow 2s ease-in-out infinite alternate}@keyframes name-glow{0%{text-shadow:0 0 10px rgba(255,215,0,.3)}to{text-shadow:0 0 30px rgba(255,215,0,.9),0 0 60px rgba(255,165,0,.5)}}.footer-text{font-family:Patrick Hand,cursive;font-size:14px;color:#fff6;text-align:center;margin-top:60px;line-height:1.8;position:relative;z-index:2}@media(max-width:600px){.notebook-notes{padding-left:20px}.margin-doodle{display:none}.postit{width:160px;font-size:15px}.section-story{padding:60px 20px}.jump-game{gap:30px}.jump-arena{width:220px;height:320px}.hero-character{width:220px}.social-buttons{gap:10px}.social-btn{padding:10px 18px;font-size:15px}}