:root{--green:#9df04d;--black:#111111;--white:#ffffff;--dot-color:#cccccc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background-color:#fafafa;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background-image:radial-gradient(var(--dot-color) 2px,transparent 2.5px),radial-gradient(var(--dot-color) 2px,transparent 2.5px);background-size:40px 40px;background-position:0 0,20px 20px;touch-action:none}.marquee-top{background:var(--black);color:var(--white);padding:12px 0;border-bottom:4px solid var(--black);overflow:hidden;white-space:nowrap;z-index:30;position:relative}.marquee-top .text{display:inline-block;font-weight:900;text-transform:uppercase;font-size:16px;letter-spacing:2px;animation:scroll-left 35s linear infinite}.marquee-bottom{background:var(--green);color:var(--black);padding:15px 0;border-top:5px solid var(--black);overflow:hidden;white-space:nowrap;z-index:30;position:fixed;bottom:0;width:100%}.marquee-bottom .text{display:inline-block;font-weight:900;text-transform:uppercase;font-size:18px;letter-spacing:1px;animation:scroll-right 40s linear infinite}@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scroll-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}.hero{flex:1;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:60px}.main-card{background:var(--white);border:6px solid var(--black);box-shadow:16px 16px 0 var(--black);padding:50px 40px;max-width:580px;width:90%;text-align:center;position:relative;z-index:20;transform:rotate(-2deg);transition:all .4s cubic-bezier(.175, .885, .32, 1.275);user-select:none}.main-card:hover{transform:rotate(0) scale(1.02);box-shadow:18px 18px 0 var(--green)}.logo{width:200px;margin-bottom:25px;display:block;margin-left:auto;margin-right:auto;animation:float-logo 4s ease-in-out infinite;pointer-events:none}@keyframes float-logo{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.badge-work{background:var(--black);color:var(--white);display:inline-block;padding:8px 20px;font-size:20px;font-weight:900;text-transform:uppercase;margin-bottom:25px;transform:skew(-5deg)}.quote{font-family:Caveat,cursive;font-size:26px;color:#333;line-height:1.3;margin-bottom:0;pointer-events:none}.draggable{cursor:grab;user-select:none}.draggable:active{cursor:grabbing}.sticker{position:absolute;padding:6px 16px;font-family:Caveat,cursive;font-size:22px;border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);z-index:15}.s1{top:10%;left:15%;background:var(--green);animation:float-s 5s infinite}.s2{top:15%;right:15%;background:var(--black);color:var(--green);animation:float-s 6s infinite reverse}.s3{bottom:15%;right:20%;background:var(--white);animation:float-s 5.5s infinite}@keyframes float-s{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.stationery-item{position:absolute;background:var(--white);border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);font-size:45px;padding:15px;z-index:5;animation:float-obj 7s ease-in-out infinite}@keyframes float-obj{0%,100%{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-20px) rotate(calc(var(--rot) + 10deg))}}.real-notebook{position:absolute;bottom:8%;left:10%;width:150px;height:210px;border:4px solid var(--black);border-radius:2px 12px 12px 2px;box-shadow:12px 12px 0 rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 25px 20px 15px;text-align:center;z-index:25;animation:float-book 6s ease-in-out infinite;transform:rotate(-5deg)}.real-notebook::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:2px;background-color:rgba(0,0,0,.3)}.real-notebook::after{content:'';position:absolute;right:12px;top:-2px;bottom:-2px;width:8px;background-color:rgba(0,0,0,.15);border-left:2px solid var(--black);border-right:2px solid var(--black);border-radius:2px}.real-notebook .frase{font-size:15px;font-weight:900;text-transform:uppercase;line-height:1.1;z-index:2;pointer-events:none}.real-notebook .icona{font-size:24px;margin-top:10px;z-index:2;pointer-events:none}.real-notebook .brand{font-family:Caveat,cursive;font-size:14px;position:absolute;bottom:15px;z-index:2;pointer-events:none}@keyframes float-book{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-15px) rotate(-2deg)}}@media (max-width:768px){.hero{align-items:flex-start;padding-top:12vh}.main-card{padding:30px 20px;box-shadow:10px 10px 0 var(--black)}.main-card:hover{box-shadow:12px 12px 0 var(--green)}.quote{display:none}.badge-work{margin-bottom:0}.s1{top:3%;left:5%;font-size:16px;padding:4px 10px}.s2{top:6%;right:5%;font-size:16px;padding:4px 10px}.s3{display:none}.stationery-item{display:none!important}.real-notebook{bottom:12vh;left:50%;transform:translateX(-50%) rotate(0);animation:float-book-mobile 6s ease-in-out infinite}@keyframes float-book-mobile{0%,100%{transform:translateX(-50%) translateY(0) rotate(-2deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(2deg)}}}