@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--pink: #ff4da6;--red: #ff0033;--black: #050505;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--neon-glow: 0 0 10px var(--pink), 0 0 20px var(--red)}body{margin:0;padding:0;font-family:Outfit,sans-serif;background-color:var(--black);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;margin:0}button{cursor:pointer;border:none;font-family:Outfit,sans-serif;transition:all .3s ease}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #1f26875e}.neon-text{text-shadow:var(--neon-glow)}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--pink);border-radius:4px}.landing-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:#000}canvas{width:100%!important;height:100%!important;position:absolute;top:0;left:0;z-index:1}.landing-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;width:80%;max-width:800px;pointer-events:none}.landing-content>*{pointer-events:auto}.title-3d{font-size:clamp(3rem,10vw,8rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,#ff4da6,#f03);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(255,77,166,.5);animation:floatContent 6s ease-in-out infinite}.subtitle{font-size:clamp(1rem,3vw,1.5rem);color:#fffc;margin-bottom:2rem;line-height:1.6}.enter-btn{background:transparent;border:2px solid var(--pink);color:var(--white);padding:1rem 3rem;font-size:1.2rem;border-radius:50px;text-transform:uppercase;letter-spacing:2px;font-weight:600;box-shadow:0 0 15px var(--pink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes floatContent{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.secret-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.secret-content{background:#fff;color:#000;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 0 50px var(--pink);border:4px solid var(--pink);max-width:90%;width:400px}.secret-content h2{color:var(--pink);margin-bottom:1rem}.close-secret{margin-top:1rem;background:var(--pink);color:#fff;padding:.5rem 2rem;border-radius:20px;font-weight:700}.funny-story-container{min-height:100vh;width:100vw;background:#000;color:#3f3;font-family:"Press Start 2P",cursive;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.game-ui{border:4px solid #33ff33;padding:2rem;max-width:600px;width:90%;background:#000000e6;box-shadow:0 0 20px #3f3,inset 0 0 20px #3f3}.pixel-title{margin-bottom:2rem;font-size:1.5rem;color:var(--pink);text-shadow:2px 2px 0 var(--white)}.level-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.photo-frame{width:200px;height:200px;border:4px dashed var(--pink);padding:5px;background:#222}.photo-frame img{width:100%;height:100%;object-fit:cover;filter:sepia(.5)}.game-text{line-height:2;font-size:.8rem;color:#fff}.game-btn{background:#3f3;color:#000;border:none;font-family:"Press Start 2P",cursive;padding:1rem;cursor:pointer;box-shadow:4px 4px 0 var(--pink);transition:transform .1s}.game-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pink)}.achievement-unlocked{border:2px solid gold;padding:1rem;margin:1rem;background:#ffd7001a;display:flex;flex-direction:column;align-items:center;color:gold}.beautiful-container{min-height:100vh;width:100vw;background:#000;color:#fff;padding:4rem 1rem 6rem;overflow-x:hidden;position:relative}.instruction-box{margin-top:3rem;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px dashed rgba(255,255,255,.5);padding:1.5rem;border-radius:10px;max-width:600px;margin:3rem auto;text-align:center}.instruction-box code{background:#00000080;padding:.2rem .5rem;border-radius:5px;color:#0fc;font-family:monospace;font-size:1.1rem;display:block;margin:.5rem 0}.page-title{text-align:center;font-size:3rem;margin-bottom:3rem;font-family:Playfair Display,serif}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}.photo-item{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;transition:transform .3s;box-shadow:0 0 10px #ffffff1a;width:280px;height:350px}.img-container{position:relative;width:100%;height:100%}.img-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo-item:hover .img-container img{transform:scale(1.1)}.photo-text{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);font-family:Playfair Display,serif;font-size:1.2rem;text-align:center;z-index:2;transform:translateY(100%);transition:transform .3s ease;color:#fff;font-weight:700;text-shadow:1px 1px 2px black}.photo-item:hover .photo-text{transform:translateY(0)}.glow .img-container img{filter:saturate(1.2) brightness(1.1);box-shadow:0 0 25px var(--pink)}.bnw-cinematic .img-container img{filter:grayscale(100%) contrast(1.2)}.heart-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;opacity:0;pointer-events:none;z-index:3}.why-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:Comic Neue,Schoolbell,cursive}.split-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;display:flex}.left-side{width:50%;height:100%;background:var(--red);transform:skew(-15deg) translate(-15%);z-index:0}.right-side{width:50%;height:100%;background:#fff;z-index:-1}.comic-title{font-size:3rem;z-index:10;margin-bottom:2rem;color:#ff0;text-shadow:2px 2px 0 black,-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;transform:rotate(-3deg)}.reasons-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:800px;z-index:10}.reason-card{background:#fff;border:3px solid black;padding:1rem 2rem;border-radius:15px;width:250px;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:8px 8px #000c;font-size:1.2rem;font-weight:700;position:relative;text-align:center;color:#000}.reason-card:hover{background:#f8f8f8}.icon-wrapper{margin-bottom:1rem}.explosion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;pointer-events:none}.speech-bubble{position:absolute;bottom:10%;right:15%;background:#fff;border:4px solid black;padding:1.5rem;border-radius:50%;box-shadow:5px 5px #000;z-index:20;font-size:1.2rem;font-weight:700;transform:rotate(5deg)}.bubble-tail{position:absolute;bottom:-20px;right:10px;color:#fff;z-index:21}.proposal-container{min-height:100vh;width:100vw;background:#000;color:#fff;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;cursor:pointer;perspective:1000px}.spotlight{position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,77,166,.1) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:1;pointer-events:none;animation:breathe 5s infinite ease-in-out}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.big-name{font-family:Playfair Display,serif;font-size:clamp(3rem,10vw,8rem);color:var(--pink);text-shadow:0 0 20px rgba(255,77,166,.8);z-index:10}.message-box{text-align:center;z-index:10}.message-box p{font-size:clamp(1.5rem,4vw,2.5rem);font-family:Playfair Display,serif;margin-bottom:2rem;line-height:1.6}.click-hint{font-size:1rem!important;opacity:.5;margin-top:2rem;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:.8}}.proposal-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);text-align:center;box-shadow:0 0 50px #ff4da64d;z-index:20}.question{font-size:clamp(2rem,5vw,4rem);margin-bottom:3rem;font-family:Playfair Display,serif;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.actions{display:flex;gap:2rem;justify-content:center;position:relative;min-height:100px}.yes-btn{background:var(--pink);color:#fff;border:none;padding:1rem 3rem;font-size:1.5rem;border-radius:50px;font-weight:700;box-shadow:0 0 20px var(--pink);transition:transform .2s;z-index:30}.yes-btn:hover{transform:scale(1.1);box-shadow:0 0 40px var(--pink)}.no-btn{background:transparent;border:2px solid white;color:#fff;padding:1rem 2rem;font-size:1.2rem;border-radius:50px;z-index:30;white-space:nowrap;transition:top .2s ease,left .2s ease,right .2s ease;cursor:not-allowed}.success-screen{text-align:center;z-index:30}.success-screen h1{font-size:clamp(3rem,8vw,6rem);color:var(--pink);margin-bottom:2rem}.falling-heart{position:absolute;top:-10%;animation:fall 5s infinite;z-index:0;opacity:.7}@keyframes fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(360deg)}}.future-container{min-height:100vh;width:100vw;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:4rem;overflow-x:hidden;position:relative;font-family:Outfit,sans-serif}.bg-stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white 1px,transparent 1px);background-size:50px 50px;opacity:.1;z-index:0}.roadmap-title{font-size:3rem;font-family:Playfair Display,serif;background:linear-gradient(to right,#00d2ff,#928dab);-webkit-background-clip:text;background-clip:text;color:transparent;z-index:10;margin-bottom:3rem}.content-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;max-width:1200px;z-index:10;padding:2rem}.main-image-wrapper{position:relative;width:300px;height:400px}.future-img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 0 30px #00d2ff4d;border:2px solid rgba(255,255,255,.2);z-index:2;position:relative}.glow-ring{position:absolute;inset:-10px;border-radius:30px;border:2px dashed rgba(0,210,255,.5);animation:rotateRing 10s linear infinite;z-index:1}@keyframes rotateRing{to{transform:rotate(360deg)}}.plans-list{display:flex;flex-direction:column;gap:1.5rem}.plan-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:15px;display:flex;align-items:center;gap:1.5rem;width:350px;border:1px solid rgba(255,255,255,.1);cursor:default}.icon-box{background:#0000004d;padding:1rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.plan-content h3{margin:0;font-size:1.2rem;margin-bottom:.5rem}.plan-desc{font-size:.9rem;opacity:.7;margin-bottom:.5rem}.status-badge{font-size:.8rem;padding:.2rem .8rem;border-radius:10px;display:inline-block;font-weight:700}.completed{background:#32ff3233;color:#3f3}.in{background:#ff03;color:#ff3}.planned{background:#00d2ff33;color:#00d2ff}.locked{background:#ff323233;color:#f33}.admin-container{min-height:100vh;padding:2rem;background:#fdf2f8;display:flex;flex-direction:column;align-items:center;font-family:Outfit,sans-serif;color:#333}h1{font-family:Playfair Display,serif}.upload-section{margin:2rem 0}.upload-btn{background:#ff4da6;color:#fff;padding:1rem 3rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 5px 15px #ff4da666;transition:transform .2s;display:inline-block}.upload-btn:hover{transform:scale(1.05)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;width:100%;max-width:800px;margin-top:2rem}.photo-card{position:relative;width:150px;height:150px;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0000001a;background:#fff}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-card button{position:absolute;top:5px;right:5px;background:red;color:#fff;border:none;border-radius:50%;width:25px;height:25px;cursor:pointer;font-weight:700;display:flex;justify-content:center;align-items:center}.back-link{margin-top:2rem;color:#ff4da6;text-decoration:none;font-weight:700}.navigation-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50px;padding:.8rem 1.5rem;box-shadow:0 4px 12px #0006}.nav-list{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0;align-items:center}.nav-link{color:#fff9;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-link:hover,.nav-link.active{color:var(--pink);transform:scale(1.1);text-shadow:0 0 10px rgba(255,77,166,.5)}