*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#f8ffae,#43cea2);color:#333;display:flex;align-items:center;justify-content:center;width:100%;height:100vh}#home,#room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#ffffffb3;border-radius:24px;box-shadow:0 8px 32px #3c3c3c1f;padding:40px 32px}input{width:300px;height:44px;outline:none;padding:0 14px;border:2px solid #43cea2;border-radius:6px;font-size:17px;background:#fffbe7;transition:border-color .2s}input:focus{border-color:#185a9d}button{width:300px;height:44px;border:none;border-radius:6px;background:#03543a;color:#fff;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #43cea226;transition:background .2s,transform .1s}button:hover{background:#023a28;transform:translateY(-2px) scale(1.03)}