.mathias-page-container{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:Verdana,sans-serif;margin:0;padding:0}.mathias-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:0}.mathias-start-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100}.mathias-nerf-btn{width:300px;height:auto;cursor:pointer;filter:drop-shadow(0 0 20px rgba(255,255,255,.8));transition:transform .2s,filter .2s;animation:mathias-pulse 2s infinite ease-in-out}.mathias-nerf-btn:hover{transform:scale(1.1);filter:drop-shadow(0 0 30px rgba(255,255,255,1))}.mathias-nerf-btn:active{transform:scale(.95)}@keyframes mathias-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mathias-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:hidden}.mathias-bubble{position:absolute;bottom:-100px;background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffff1a);border-radius:50%;box-shadow:0 0 10px #ffffff80,inset 0 0 10px #ffffff80;animation:mathias-rise 10s infinite ease-in}.mathias-bubble:nth-child(1){width:40px;height:40px;left:10%;animation-duration:8s}.mathias-bubble:nth-child(2){width:80px;height:80px;left:20%;animation-duration:10s;animation-delay:1s}.mathias-bubble:nth-child(3){width:50px;height:50px;left:35%;animation-duration:7s;animation-delay:2s}.mathias-bubble:nth-child(4){width:100px;height:100px;left:50%;animation-duration:11s;animation-delay:0s}.mathias-bubble:nth-child(5){width:60px;height:60px;left:80%;animation-duration:9s;animation-delay:3s}@keyframes mathias-rise{0%{bottom:-100px;transform:translate(0);opacity:0}50%{opacity:.6}to{bottom:120vh;transform:translate(-100px);opacity:0}}.mathias-dolphins{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:15}.mathias-dolphin{position:absolute;width:300px;bottom:-300px;filter:drop-shadow(0 10px 20px rgba(0,100,255,.3))}.mathias-dolphin-1{left:20%;animation:mathias-jump 3s ease-in-out forwards;animation-delay:.2s}.mathias-dolphin-2{left:50%;transform:translate(-50%);animation:mathias-jump 3s ease-in-out forwards;width:350px;z-index:16}.mathias-dolphin-3{left:80%;animation:mathias-jump 3s ease-in-out forwards;animation-delay:.4s}@keyframes mathias-jump{0%{bottom:-300px;transform:rotate(45deg)}50%{bottom:40%;transform:rotate(0)}to{bottom:-300px;transform:rotate(-45deg)}}.mathias-floating-heads{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.mathias-floating-head{position:absolute;width:25rem;height:auto;left:-400px;opacity:.75;filter:drop-shadow(0 10px 25px rgba(0,0,0,.4)) brightness(1.1) contrast(1.1);will-change:transform,left}.mathias-head-0{animation:mathias-floatChaotic1 8s infinite linear;top:10%}.mathias-head-1{animation:mathias-floatChaotic2 12s infinite linear;top:40%}.mathias-head-2{animation:mathias-floatChaotic1 7s infinite linear;top:70%;animation-delay:2s}.mathias-head-3{animation:mathias-floatChaotic3 9s infinite linear;top:20%;animation-delay:1s}.mathias-head-4{animation:mathias-floatChaotic2 11s infinite linear;top:50%;animation-delay:3s}.mathias-head-5{animation:mathias-floatChaotic3 10s infinite linear;top:80%;animation-delay:1.5s}.mathias-head-6{animation:mathias-floatChaotic1 6s infinite linear;top:30%;animation-delay:4s}@keyframes mathias-floatChaotic1{0%{left:-20%;transform:rotate(0) translateY(0)}25%{transform:rotate(20deg) translateY(-50px)}50%{transform:rotate(-10deg) translateY(50px) scale(1.2)}75%{transform:rotate(180deg) translateY(-20px)}to{left:120%;transform:rotate(360deg) translateY(0)}}@keyframes mathias-floatChaotic2{0%{left:-20%;transform:rotate(0)}30%{transform:rotate(-45deg) scale(.8)}60%{transform:rotate(45deg) scale(1.1)}to{left:120%;transform:rotate(-360deg)}}@keyframes mathias-floatChaotic3{0%{left:-20%;transform:rotate(0)}20%{transform:translateY(100px) rotate(90deg)}50%{transform:translateY(-100px) rotate(180deg)}80%{transform:translateY(50px) rotate(270deg)}to{left:120%;transform:rotate(360deg)}}.mathias-side-gifs{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:12}.mathias-side-gif{position:absolute;top:50%;transform:translateY(-50%);height:300px;width:auto;opacity:.85;filter:drop-shadow(0 0 15px rgba(255,255,255,.6))}.mathias-gif-left{left:5%;animation:mathias-swayLeft 4s infinite ease-in-out alternate}.mathias-gif-right{right:5%;transform:translateY(-50%) scaleX(-1);animation:mathias-swayRight 4s infinite ease-in-out alternate}@keyframes mathias-swayLeft{0%{transform:translateY(-50%) rotate(-5deg) scale(1)}to{transform:translateY(-55%) rotate(5deg) scale(1.05)}}@keyframes mathias-swayRight{0%{transform:translateY(-50%) scaleX(-1) rotate(-5deg) scale(1)}to{transform:translateY(-55%) scaleX(-1) rotate(5deg) scale(1.05)}}.mathias-scroll-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;z-index:20;display:flex;justify-content:center;align-items:center;perspective:1000px}.mathias-scroll-body{background:linear-gradient(to bottom,#f0f9ff,#cbebff 47%,#a1dbff);border-radius:15px;border:3px solid #fff;padding:2rem 1.5rem 4rem;box-shadow:0 0 20px #00bfff99,0 0 60px #00bfff66,inset 0 0 30px #fffc;color:#004a80;text-align:center;position:relative;overflow-y:auto;overflow-x:hidden;animation:mathias-unroll 1.5s cubic-bezier(.25,1,.5,1) forwards;transform-origin:top center;opacity:0;display:flex;flex-direction:column;align-items:center;max-height:75vh;max-height:75dvh;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) rgba(0,0,0,.1)}.mathias-scroll-body::-webkit-scrollbar{width:6px}.mathias-scroll-body::-webkit-scrollbar-track{background:#0000001a;border-radius:20px}.mathias-scroll-body::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:20px}@keyframes mathias-unroll{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media(min-width:768px){.mathias-scroll-body{padding:2.5rem;max-width:550px}.mathias-scroll-body h1{font-size:2.2rem}.mathias-scroll-body p{font-size:1.05rem}}.mathias-vista-button{margin-top:2rem;margin-bottom:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to bottom,#1e9a38,#178e24 50%,#0d7a12 51%,#1f9435);border:1px solid #084d0b;border-radius:3px;padding:10px 30px;font-size:1.2rem;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;text-shadow:0 -1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px #fff6,0 1px 2px #0000004d,0 0 5px #fff3;cursor:pointer;position:relative;overflow:hidden;transition:all .2s;outline:none;z-index:30;pointer-events:auto;flex-shrink:0}.mathias-vista-button:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff80,#ffffff1a);border-radius:2px 2px 0 0}.mathias-vista-button:hover{background:linear-gradient(to bottom,#2ecf52,#25bd3a 50%,#1a9e21 51%,#2bbb44);box-shadow:inset 0 1px #ffffff80,0 1px 3px #0006,0 0 10px #32ff3266}.mathias-vista-button:active{background:linear-gradient(to bottom,#1a9e21,#15851d 50%,#0c6110 51%,#178f2b);transform:translateY(1px);box-shadow:inset 0 2px 5px #0000004d}.mathias-scroll-body h1{font-size:2.5rem;color:#06c;margin-bottom:1rem;text-shadow:2px 2px 0px rgba(255,255,255,1),0 0 10px rgba(0,168,255,.5);font-family:Comic Sans MS,Chalkboard SE,sans-serif;letter-spacing:-1px}.mathias-scroll-body p{font-size:1.1rem;line-height:1.5;font-weight:500;margin-bottom:1.5rem}@media(max-width:600px){.mathias-scroll-container{width:95%}.mathias-floating-head{width:12rem}.mathias-scroll-body{padding:1rem 1rem 6rem;max-height:75vh;max-height:75dvh}.mathias-scroll-body h1{font-size:1.8rem;margin-bottom:.8rem}.mathias-scroll-body p{font-size:.9rem;margin-bottom:1rem;line-height:1.4}.mathias-dolphin{width:200px}.mathias-dolphin-2{width:250px}.mathias-side-gif{height:150px}}