*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#08111d;font-family:Inter,sans-serif}.container{max-width:1200px;margin:auto}.navbar{padding:24px 40px}.logo{font-size:24px;font-weight:700}.hero{text-align:center;padding:100px 40px}.hero-tag{color:#22d3ee}.hero h1{margin:20px 0;font-size:64px}.hero p{color:#b0c4d9;max-width:700px;margin:auto;line-height:1.7}.cta-button{color:#fff;background:#06b6d4;border-radius:12px;margin-top:30px;padding:14px 28px;text-decoration:none;display:inline-block}.features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:60px 40px;display:grid}.feature-card{background:#102030;border-radius:12px;padding:25px}.philosophy{text-align:center;padding:80px 40px}.mission-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.mission-card{background:#102030;border-radius:16px;max-width:800px;padding:40px}.badge{color:#22d3ee}.scenario{margin-top:30px}.choices{gap:10px;margin-top:20px;display:flex}.choices button{padding:10px 20px}.correct{color:#fff;background:#06b6d4}.result{margin-top:30px}.back-btn{margin-top:30px;padding:12px 20px}