body{font-size:24px}#step1,#step2,#step3{display:none}body{color:#000;background-color:#fff;flex-direction:column;align-items:center;gap:30px;height:100vh;padding:40px;font-family:Courier New,Courier,monospace;display:flex}.secret-input{color:#000;text-align:center;letter-spacing:5px;background-color:#e8e8e8;border:3px solid #444;border-radius:5px;width:80%;max-width:600px;padding:15px;font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700;display:block;box-shadow:inset 0 4px 8px #0003}.lamp-board,.keyboard-container{background-color:#fff;border:2px solid #fff;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:100px;max-width:650px;padding:25px;display:flex;box-shadow:inset 0 0 15px #fffc,0 5px 15px #ffffff80}.keyboard-container div{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:15px;display:flex}.key{color:#111;cursor:pointer;background-color:#ddd;border:2px solid #888;border-radius:50%;width:45px;height:45px;font-size:18px;font-weight:700;transition:all .1s;box-shadow:0 4px #888}.key:active{transform:translateY(4px);box-shadow:0 0 #888}.lamp{color:#555;background-color:#333;border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:700;transition:all 50ms;display:flex;box-shadow:inset 0 2px 5px #000c}.lamp.lit{color:#fff;text-shadow:0 0 5px #fff;background-color:#fa0;border-color:#fa0;box-shadow:0 0 15px #fa0,0 0 30px #fa0,inset 0 0 10px #fffc}.main-btn{color:#fff;background-color:#c88010;border:none;border-radius:12px;padding:24px 16px}.main-btn:hover{background-color:#b3976b}#start{border:2px solid #050f08;width:90vw}.inter{font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal}.jost{font-optical-sizing:auto;font-family:Jost,sans-serif;font-style:normal}.mt-200px{margin-top:200px}.gap-100px{gap:100px}.min-px-200{min-height:200px}.btnGroup{background-color:#fff;border-radius:24px;gap:15px;width:90vw;padding:70px 15px}.btnGroup button{border:inset 2px solid #e5e5e5;background-color:#0000;border-radius:12px;width:100%;padding:15px}.question-step2{text-align:center;margin-bottom:50px}.btnAw-sect3{text-align:left}.step3{flex-direction:column;align-items:center;gap:50px;display:flex}.step3 img{width:50%}.step3 div{width:100%}h1{font-optical-sizing:auto;font-family:Jost,sans-serif;font-style:normal;font-weight:600}
