@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@400;500;600&display=swap");:root{--bg:#f7f7fb;--grid-x:#e6e9ee;--accent-blue:#1f9cff;--deep-blue:#2c508c;--big-blue-start:#b8e6ff;--big-blue-end:#ffb8e6;--container-width:920px;--pixel-font:"Press Start 2P",monospace;--dark-blue:#0b2b4a;--light-gray:#f3f3f7;--medium-gray:#8a8a8a;--yellow-gradient-start:#fff4b8;--yellow-gradient-end:#ffb84f}html{min-height:100vh}body{height:100%;max-width:100%;width:100%;position:relative;z-index:0}body,html{margin:0;background:linear-gradient(transparent 47px,rgba(0,0,0,.02) 47px) 0 0 /48px 48px,linear-gradient(90deg,transparent 47px,rgba(0,0,0,.02) 47px) 0 0 /48px 48px,var(--bg);font-family:var(--pixel-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.grid-background{position:absolute;inset:0;height:100%;z-index:-1;background-size:40px 40px;background-image:linear-gradient(90deg,#cccccccc 1px,transparent 0),linear-gradient(180deg,#cccccccc 1px,transparent 0)}.page{min-height:100vh;display:flex;width:100%;align-items:center;justify-content:center;padding:28px 18px;box-sizing:border-box;overflow-x:hidden}.wrapper{min-width:0;width:100%}.site-header{width:100%;margin-bottom:30px;justify-content:right}.header-content{display:flex;flex-direction:row;align-items:right;justify-content:center;gap:350px}.header-logo{flex-shrink:0}.header-logo .logo-img{width:120px;height:52px;object-fit:contain;image-rendering:pixelated}.header-text{display:flex;flex-direction:column;gap:6px;text-align:center}.header-main-title{font-family:var(--pixel-font);font-weight:700;letter-spacing:2px;color:var(--deep-blue);line-height:1.2;text-transform:uppercase}.header-main-title,.header-subtitle{font-size:10px;margin:0;text-align:right}.header-subtitle{font-family:Space Grotesk,sans-serif;font-weight:400;color:var(--dark-blue);line-height:1.5;opacity:.85;white-space:normal;letter-spacing:.3px}.header-section{margin-bottom:40px}.top-row{display:flex;align-items:flex-start;gap:20px;margin-bottom:18px}.logo{width:88px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--light-gray);border-radius:8px;overflow:visible;flex-shrink:0}.logo-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;border-radius:4px;max-width:88px;max-height:38px}.main-heading{font-size:14px;letter-spacing:1.5px;color:var(--dark-blue);font-weight:700;line-height:1.4;text-align:right}.sub-description{font-size:11px;color:var(--medium-gray);line-height:1.5;text-align:right}.hero{max-width:var(--container-width);margin:6px auto 30px}.hero,.hero-card{width:100%;position:relative}.hero-card{max-width:100%;height:28.75rem;border-radius:2rem;background:radial-gradient(circle at center,#0084ff,#1f9cff 50%,#a7c1d1 100%);box-shadow:inset 0 40px 120px rgba(0,0,0,.06);display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr;padding:1.25rem 1rem}.hero-card .center-text{text-align:center;color:white;mix-blend-mode:normal;width:100%}.hero-card__title-group{display:flex;justify-content:space-between;align-items:center}.hero-card__title{position:absolute;left:24px;top:24px;color:#ffffff;font-size:.875rem;opacity:.95;font-weight:700}.survey-button{--font-size:0.625rem;position:absolute;z-index:0;right:16px;top:14px;background-color:transparent;color:black;border:black;border-radius:10px;padding:16px 32px;font-size:var(--font-size);font-family:var(--pixel-font);cursor:pointer;text-decoration:none;text-transform:uppercase}.survey-button:before{content:"";position:absolute;z-index:-1;inset:0;width:calc(100%);height:100%;background-image:url(/images/pixel-button.svg);background-size:100% 100%;background-position:50%;transform:translateY(calc(var(--font-size) * -.15));background-repeat:no-repeat}.cherries{position:absolute;left:700px;top:-125px;width:500px;height:500px;image-rendering:pixelated;z-index:11;pointer-events:none}.hero-h1{font-size:2rem;line-height:1.25;letter-spacing:-.015625em;text-transform:uppercase;margin:0 0 8px;color:white;text-wrap:balance}.hero-sub{font-size:10px;opacity:.95;color:white;line-height:1.4;padding:0 8px;text-wrap:pretty;max-width:600px;margin:0 auto}.pixel-heart{width:24px;height:24px;margin:12px auto;display:block;image-rendering:pixelated}.email-row{margin-top:16px;display:flex;justify-content:center;padding:0 8px}.email-input{display:flex;align-items:center;gap:.75rem;background:var(--light-gray);padding:.5rem;border-radius:1rem;max-width:420px;border:2px solid rgba(0,0,0,.06)}.email-input input{flex:1 1;border:0;outline:none;background:transparent;font-family:var(--pixel-font);font-size:12px;padding:8px 6px;min-width:0;width:100%;color:var(--medium-gray)}.join-btn__wrapper{--btn-h:0!important;--btn-s:0%!important;--btn-l:70%!important}.join-btn__wrapper button{outline:0;outline-color:transparent;border:none;padding:.5rem 2rem;font-size:.75rem;color:black}.join-btn:disabled{opacity:.6;cursor:not-allowed}.cloud-left{top:-150px;left:400px}.cloud-left,.cloud-right{position:absolute;width:125%;height:125%;image-rendering:pixelated;z-index:5;pointer-events:none}.cloud-right{top:150px;right:400px;bottom:30px}.cloud-star{bottom:-325px;width:125%;height:125%;z-index:0;opacity:.8}.cloud-star,.sparkles{position:absolute;image-rendering:pixelated;pointer-events:none}.sparkles{width:16px;height:16px;z-index:8}.upcoming-section{width:100%;max-width:var(--container-width);margin:40px auto 0;position:relative;z-index:2;overflow:visible;padding-bottom:80px}.upcoming-header{font-size:1rem;letter-spacing:1px;color:var(--deep-blue);font-weight:700;position:relative;margin-bottom:1rem}.upcoming-sparkles{position:absolute;right:-45px;top:-8px;width:20px;height:20px;image-rendering:pixelated;z-index:8}.upcoming{display:flex;gap:2rem;margin-top:20px;position:relative;justify-content:center;overflow:visible}.dating-card-container{position:relative;display:flex;flex-direction:column;align-items:center}.dating-survey-button{--font-size:0.625rem;position:absolute;top:330px;left:25%;transform:translateX(-50%);background-color:transparent;color:black;border:none;border-radius:10px;padding:16px 32px;font-size:var(--font-size);font-family:var(--pixel-font);cursor:pointer;text-transform:uppercase;text-decoration:none;z-index:100}.dating-survey-button:before{content:"";position:absolute;z-index:-1;inset:0;width:100%;height:100%;background-image:url(/images/pixel-button.svg);background-size:100% 100%;background-position:50%;transform:translateY(calc(var(--font-size) * -.15));background-repeat:no-repeat}.card-prog-svg{width:436px;height:520px;flex:1 1;max-width:436px;min-width:0;height:auto;image-rendering:pixelated;border-radius:1.25rem;object-fit:contain}.note-1{right:-150px}.note-1,.note-2{position:absolute;width:420px;height:300px;bottom:-120px;image-rendering:pixelated}.note-2{left:-125px;z-index:10}.note-3{position:absolute;width:420px;height:300px;image-rendering:pixelated;right:-25px;bottom:-125px;z-index:10}.social-dot{width:80px;height:80px;border:4px solid #d4a574;box-shadow:0 2px 8px rgba(0,0,0,.1)}.social-dot:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(212,165,116,.4)}.music-player{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;gap:25px;background:linear-gradient(90deg,#9b7fb8,#e89dc9);padding:5px 150px;border-radius:20px;box-shadow:0 4px 20px rgba(155,127,184,.4);font-family:var(--pixel-font);max-width:100%}.music-player,.player-controls{display:flex;align-items:center}.player-controls{gap:12px}.player-btn{background:transparent;border:none;color:white;font-family:var(--pixel-font);font-size:16px;cursor:pointer;padding:8px 12px;transition:opacity .2s;min-width:44px;min-height:44px}.player-btn:hover{opacity:.8}.heart-btn{font-size:35px;display:flex;align-items:center;justify-content:center;line-height:1;transform:translateY(-4.5px)}.heart-btn.favorited{color:#ff6b9d;text-shadow:0 0 8px rgba(255,107,157,.8)}.player-info{display:flex;flex-direction:column;align-items:flex-start;color:white;font-family:var(--pixel-font);padding:0 12px;min-width:200px;max-width:400px;text-align:left}.song-title{font-size:11px;font-weight:700}.song-artist,.song-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.song-artist{font-size:8px;opacity:.9;max-width:200px}.playlist-btn{background:transparent;border:none;cursor:pointer;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.playlist-icon{display:flex;flex-direction:column;gap:3px;width:20px}.playlist-line{height:2px;background:white;border-radius:1px}.volume-control{display:flex;align-items:center;gap:8px;width:100%;max-width:200px}.volume-slider{width:100px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.3);border-radius:3px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:white;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:white;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.volume-icon{background:transparent;border:none;cursor:pointer;font-size:18px;padding:0;line-height:1;min-width:32px;min-height:32px}.playlist-dropdown{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:999;background:rgba(155,127,184,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:12px;max-height:400px;overflow-y:auto;width:90%;max-width:500px;box-shadow:0 8px 30px rgba(0,0,0,.3)}.playlist-item{display:grid;grid-template-columns:30px 1fr auto;grid-gap:8px;gap:8px;padding:10px 12px;cursor:pointer;border-radius:8px;transition:background .2s;font-family:var(--pixel-font);color:white;font-size:10px;align-items:center}.playlist-item:hover{background:rgba(255,255,255,.15)}.playlist-item.active{background:rgba(255,255,255,.25);font-weight:700}.playlist-number{font-size:9px;opacity:.8}.playlist-track-title{font-weight:700}.playlist-track-artist,.playlist-track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-track-artist{font-size:8px;opacity:.8;text-align:right}.footer-container{margin-top:60px;min-height:280px;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:30px 0 0}.socials{color:var(--deep-blue);margin:0 auto 80px;text-align:center;font-weight:700;position:relative;z-index:10;max-width:920px;padding:0 1rem}.social-icons{gap:16px;flex-wrap:wrap;gap:28px}.social-dot,.social-icons{display:flex;justify-content:center;align-items:center}.social-dot{width:70px;height:70px;border-radius:50%;background:#f5f5f5;border:3px solid #d4a574;transition:transform .2s,box-shadow .2s;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.2);overflow:hidden}.social-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.footer-graphics-wrapper{overflow:hidden;height:300px;bottom:0}.footer-graphics,.footer-graphics-wrapper{width:100%;position:absolute;left:0;right:0}.footer-graphics{z-index:0;bottom:-8px;height:100%;pointer-events:none}.mountains{position:absolute;bottom:0;left:0;width:663px;transform:translateX(-25%);z-index:10;object-fit:contain}.grass-img{background-image:url(/images/grass.svg);background-size:contain 100%;background-position:0 100%;background-repeat:repeat-x;width:100%;height:100%;position:relative;z-index:1}.footer-sparkles{position:absolute;top:0;right:15%;width:32px;height:32px;z-index:10;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.pixel-art,img.pixel-art{image-rendering:pixelated;image-rendering:crisp-edges}.cursor-sparkle{animation:sparkle-fade 1s ease-out forwards;pointer-events:none}@keyframes sparkle-fade{0%{opacity:1;transform:scale(0) rotate(0deg)}20%{opacity:1;transform:scale(1) rotate(45deg)}to{opacity:0;transform:scale(.5) rotate(90deg)}}@media (max-width:768px){.header-content{flex-direction:column;gap:16px}.header-logo .logo-img{width:90px;height:39px}.header-text{text-align:center}.header-main-title{color:#2c508c;font-size:12px}.header-subtitle{color:#2c508c;font-size:9px}.hero-card{height:400px;border-radius:30px;padding:32px}.upcoming{flex-direction:column;align-items:center;gap:24px}.card-prog{width:100%;max-width:350px;height:240px}.email-input{width:100%;max-width:480px}.note-1{width:260px;height:160px;right:-280px}.note-2{left:10px;top:350px}.note-2,.note-3{width:70%;height:auto}.note-3{right:10px;bottom:20px}.hero-card__title{left:24px;top:24px;font-size:.875rem}.cloud-left{width:100px;height:70px}.cloud-right{width:220px;height:140px}.hero-h1{font-size:26px;line-height:1.25;letter-spacing:1px}.hero-sub{font-size:12px;margin-bottom:18px;padding:0}.tagline{font-size:11px}.survey-button{right:12px;top:10px}.dating-survey-button,.survey-button{--font-size:0.5rem;padding:10px 20px;border-radius:8px}.dating-survey-button{top:300px}.card-prog-svg{width:100%}.pixel-heart{width:24px;height:24px;margin:12px auto}.music-player{width:calc(100% - 32px);max-width:calc(100vw - 32px);left:16px;right:16px;transform:none;bottom:16px;height:auto;flex-wrap:nowrap;justify-content:center}.player-controls{gap:8px;order:1}.player-btn{font-size:14px;padding:6px 10px;min-width:36px;min-height:36px}.heart-btn{font-size:18px;padding:2px 4px}.player-info{order:2;min-width:120px;max-width:200px;padding:0 8px;text-align:center}.song-title{font-size:10px}.song-artist{font-size:7px}.playlist-btn{order:3;padding:6px;min-width:36px;min-height:36px}.playlist-icon{width:16px}.volume-control{order:4;max-width:120px;gap:6px}.volume-slider{width:80px;height:4px}.volume-slider::-webkit-slider-thumb{width:14px;height:14px}.volume-slider::-moz-range-thumb{width:14px;height:14px}.volume-icon{font-size:16px;min-width:28px;min-height:28px}.playlist-dropdown{width:calc(100% - 32px);max-width:calc(100vw - 32px);left:16px;right:16px;transform:none;bottom:80px}}@media (min-width:768px){.music-player{bottom:20px;left:50%;right:auto;transform:translateX(-50%);flex-direction:row;gap:25px;padding:5px 150px;border-radius:20px}.site-header{margin-bottom:40px}.header-content{flex-direction:row;gap:100px}.header-logo .logo-img{width:240px;height:104px}.header-text{text-align:right}.header-main-title{font-size:10px;letter-spacing:2px}.header-subtitle{font-size:11px;white-space:nowrap}.footer-container{margin-top:100px;min-height:350px;padding:40px 0 0}.socials{margin:0 auto 80px}.socials-title{font-size:16px;letter-spacing:2px;margin-bottom:32px}.social-icons{gap:28px;flex-wrap:nowrap}.social-dot{width:90px;height:90px;border:5px solid #d4a574;box-shadow:0 4px 12px rgba(0,0,0,.3)}.social-dot:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(212,165,116,.5)}}@layer utilities{.uppercase{text-transform:uppercase}.text-deep-blue{color:var(--deep-blue)}.text-dark-blue{color:var(--dark-blue)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{--delay:0s;animation:float 6s var(--delay) ease-in-out infinite}}@media (pointer:fine){*,.page,body,html{cursor:none!important}}*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.pixel-button-wrapper{--btn-h:208;--btn-s:77%;--btn-l:62%;--pixel-btn-size:2px;--pixel-btn-face:hsl(var(--btn-h),var(--btn-s),var(--btn-l));--pixel-btn-light:hsl(var(--btn-h),var(--btn-s),calc(var(--btn-l) + 80%));--pixel-btn-shadow:hsl(var(--btn-h),var(--btn-s),calc(var(--btn-l) - 15%));--pixel-btn-text-shadow:hsl(var(--btn-h),var(--btn-s),calc(var(--btn-l) - 25%));--pixel-btn-border:#000;--pixel-btn-text:#fff;--pixel-unit:4px;--p2:calc(var(--pixel-unit) * 2);--pixel-clip-path:polygon(0% var(--p2),var(--pixel-unit) var(--p2),var(--pixel-unit) var(--pixel-unit),var(--p2) var(--pixel-unit),var(--p2) 0%,calc(100% - var(--p2)) 0%,calc(100% - var(--p2)) var(--pixel-unit),calc(100% - var(--pixel-unit)) var(--pixel-unit),calc(100% - var(--pixel-unit)) var(--p2),100% var(--p2),100% calc(100% - var(--p2)),calc(100% - var(--pixel-unit)) calc(100% - var(--p2)),calc(100% - var(--pixel-unit)) calc(100% - var(--pixel-unit)),calc(100% - var(--p2)) calc(100% - var(--pixel-unit)),calc(100% - var(--p2)) 100%,var(--p2) 100%,var(--p2) calc(100% - var(--pixel-unit)),var(--pixel-unit) calc(100% - var(--pixel-unit)),var(--pixel-unit) calc(100% - var(--p2)),0% calc(100% - var(--p2)));display:inline-block;background-color:var(--pixel-btn-border);padding:var(--pixel-btn-size);transition:transform .05s linear}.pixel-button,.pixel-button-wrapper{position:relative;-webkit-clip-path:var(--pixel-clip-path);clip-path:var(--pixel-clip-path)}.pixel-button{display:block;overflow:hidden;background-color:var(--pixel-btn-face);color:var(--pixel-btn-text);padding:1rem 1.5rem;font-size:1rem;text-decoration:none;cursor:pointer}.pixel-button:before{top:0;background:var(--pixel-btn-light)}.pixel-button:after,.pixel-button:before{content:"";position:absolute;left:0;width:100%;height:var(--pixel-btn-size);-webkit-clip-path:var(--pixel-clip-path);clip-path:var(--pixel-clip-path);z-index:1}.pixel-button:after{bottom:0;background:var(--pixel-btn-shadow)}.pixel-button-wrapper:active{transform:translateY(var(--pixel-btn-size))}