@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Poppins:wght@400;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#050509;color:#eee;font-family:Poppins,sans-serif;overflow-x:hidden}
.hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:55px 55px}
#boot{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#030304;font-family:monospace}
.terminal{width:min(720px,90%);padding:30px;background:#07100a;border:1px solid #62ff8870;box-shadow:0 0 70px #2aff6030;color:#8dffad}
.term-head{color:white;margin-bottom:22px}
.progress{height:7px;background:#16331e;margin:22px 0;overflow:hidden}.progress i{display:block;width:0;height:100%;background:#62ff88;animation:load 3.5s forwards}
@keyframes load{to{width:100%}}
#site{min-height:100vh;background:radial-gradient(circle at 50% 0,#9b1d6535,transparent 35%),radial-gradient(circle at 90% 70%,#3e5eff22,transparent 30%)}
header{width:min(1100px,90%);margin:auto;padding:24px 0;display:flex;justify-content:space-between;font:700 11px Orbitron;letter-spacing:2px;color:#777}
.logo{color:#ff4f9d;font-size:18px}.top-status{color:#70ff99}
.hero{min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}
.classified,.step{font:700 11px Orbitron;letter-spacing:3px;color:#ff659f}
.hero h1{font:900 clamp(3.3rem,10vw,8rem)/.9 Orbitron;margin:20px 0;text-shadow:4px 0 #ff267f,-4px 0 #27d8ff}
.hero h1 span{color:#fff}
.hero p{max-width:650px;color:#aaa;line-height:1.7}
button{border:1px solid #ff4d9a;background:#ff2d86;color:white;border-radius:12px;padding:14px 22px;margin:7px;font-weight:800;cursor:pointer;transition:.25s;box-shadow:0 0 22px #ff2d8635}
button:hover{transform:translateY(-3px) scale(1.02)}
.hero small{margin-top:15px;color:#666}
#mission{width:min(1000px,92%);margin:auto;padding-bottom:70px}
.mission-card,.report,.lock,.final{padding:32px;margin:25px 0;border:1px solid #ffffff1c;background:#ffffff08;backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 20px 60px #0006}
.mission-card{text-align:center}.mission-card h2,.final h2{font-size:clamp(2rem,5vw,3.5rem)}
#choiceResult{color:#ff75ae;font-weight:700}
#game{position:relative;height:380px;margin:20px auto;max-width:700px;overflow:hidden;border-radius:20px;background:#07070c;border:1px solid #ffffff18}
#score{position:absolute;z-index:2;top:15px;left:15px;font:700 13px Orbitron;color:#ff75ae}
#cake{position:absolute;display:none;margin:0;padding:0;background:none;border:0;box-shadow:none;font-size:45px}
.stamp{display:inline-block;border:2px solid #6dff9b;color:#6dff9b;padding:10px 15px;transform:rotate(-4deg);font:900 15px Orbitron}
.report h3{font:900 2rem Orbitron}.report-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px}.report-grid span{color:#666}.report-grid b{color:#fff}
.title{text-align:center;font:900 2.5rem Orbitron;margin:75px 0 25px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
figure{margin:0;text-align:center;color:#777;font-size:.8rem}figure img{width:100%;height:420px;object-fit:cover;border-radius:20px;border:1px solid #ffffff25;transition:.4s;box-shadow:0 15px 40px #0007}
figure img:hover{transform:translateY(-8px) rotate(1deg);box-shadow:0 25px 60px #ff2d8640}
.faq{background:#ffffff0d;border-color:#ffffff20}.faq:hover{background:#ff2d8622}
#answer{margin-top:18px;min-height:35px;color:#ff8ab9;font-weight:700}
.lock{text-align:center}.lock input{padding:14px;border-radius:10px;border:1px solid #ffffff20;background:#000;color:#fff;outline:none}
#passwordResult{color:#ff6a9f}
.final{text-align:center;position:relative;overflow:hidden;border-color:#ff4f9d55;background:linear-gradient(135deg,#ff2d8612,#5e35ff15)}
.final h2{font:900 clamp(3rem,8vw,6rem) Orbitron;text-shadow:3px 0 #27d8ff,-3px 0 #ff267f}
.final p{max-width:700px;margin:auto;line-height:1.9;color:#ccc}.signature{margin-top:25px;font:700 20px Orbitron;color:#ff75ae}.big-heart{font-size:80px;color:#ff4f9d;animation:pulse 1s infinite alternate}
@keyframes pulse{to{transform:scale(1.2)}}
.music{text-align:center;margin:45px 0}.music audio{width:min(500px,90%)}.music small{display:block;color:#666}
footer{text-align:center;color:#444;padding:30px;font-size:10px;letter-spacing:1px}
.confetti{position:fixed;top:-15px;width:9px;height:15px;z-index:50;animation:fall 3.2s linear forwards;pointer-events:none}
@keyframes fall{to{transform:translateY(110vh) rotate(900deg);opacity:0}}
@media(max-width:700px){.gallery{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.report-grid b{margin-bottom:7px}figure img{height:480px}.hero h1{font-size:3.2rem}}